1. 首頁
  2. »
  3. 網站架設
  4. »
  5. 主機
  6. »
  7. Netlify 免費版!自建 Hugo 站台,並綁定域名與SSL安全憑證教學

Netlify 免費版!自建 Hugo 站台,並綁定域名與SSL安全憑證教學

2020/05/04

梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
  先前已分享過,透過Netlify這個平台,可以自行的佈署HTML的靜態網頁,或是使用Netlify內建的的CMS模組,快速的建立具有後台管理介面的hugo平台,同時免費版,每月有100GB的流量限制,對於許多朋友來說,算是措措有餘了。

  雖然說透過他的一鍵,就可快速的建立起hugo平台,但因為內建的CMS模組,則會受限於它的架構,因此文章只能發佈於blog這個分類底下,同時要修改佈景時,也需依照它的CMS架構來作修正才行,但這架構並非符合個自的需求,所以還是自建會比較符合所需,因此今天梅干要來分享,如何在Netlify平台中,自建一個hugo的站台。


netlify.toml設定檔
[build]
publish = "public"
command = "hugo –gc –minify"

[context.production.environment] HUGO_VERSION = "0.69.1" HUGO_ENV = "production" HUGO_ENABLEGITINFO = "true"

[context.split1] command = "hugo –gc –minify –enableGitInfo"

[context.split1.environment] HUGO_VERSION = "0.69.1" HUGO_ENV = "production"

[context.deploy-preview] command = "hugo –gc –minify –buildFuture -b $DEPLOY_PRIME_URL"

[context.deploy-preview.environment] HUGO_VERSION = "0.69.1"

[context.branch-deploy] command = "hugo –gc –minify -b $DEPLOY_PRIME_URL"

[context.branch-deploy.environment] HUGO_VERSION = "0.69.1"

[context.next.environment] HUGO_ENABLEGITINFO = "true"


Step1
首先,先到GitHub建立一個新的專案。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step2
並將專案設為私有。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step3
接著再把已製作好的hugo網站,透過git指令,將它上傳到剛所建立的專案中,而這邊梅干就用梅問題購物網來作示範。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step4
上傳完畢後,再到Netlify的平台下,按右上角的鈕,建立一個新站台。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step5
再選擇GitHub
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step6
再選擇剛所建立好的案專名稱。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step7
而這邊就是抓取netlify.toml的設定檔。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step8
當網站建立完成後,上方就會一串網址。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step9
接著再自定網址。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step10
當網址建立完畢後,再到DNS的地方,完成對應。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step11
當網址都對應完畢,並是上線的情況下,就可完成SSL安全憑證的派送。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step12
哈~這樣就可看到剛所佈署的網站啦!同時還有鎖頭。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證
Step13
且最酷的是,Netlify免費版的機房,竟然在新加坡,同時是使用DigitalOcean的主機,真的是相當的不錯,沒想到免費版也有高級的享受,因此有在用hugo的朋友,不妨也可在Netlify中,打造屬於自己的hugo站台。
梅問題-Netlify 免費版,自建 Hugo 站台,並綁定域名與SSL安全憑證