雖然說透過他的一鍵,就可快速的建立起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建立一個新的專案。
Step2
並將專案設為私有。
Step3
接著再把已製作好的hugo網站,透過git指令,將它上傳到剛所建立的專案中,而這邊梅干就用梅問題購物網來作示範。
Step4
上傳完畢後,再到Netlify的平台下,按右上角的鈕,建立一個新站台。
Step5
再選擇GitHub。
Step6
再選擇剛所建立好的案專名稱。
Step7
而這邊就是抓取netlify.toml的設定檔。
Step8
當網站建立完成後,上方就會一串網址。
Step9
接著再自定網址。
Step10
當網址建立完畢後,再到DNS的地方,完成對應。
Step11
當網址都對應完畢,並是上線的情況下,就可完成SSL安全憑證的派送。
Step12
哈~這樣就可看到剛所佈署的網站啦!同時還有鎖頭。
Step13
且最酷的是,Netlify免費版的機房,竟然在新加坡,同時是使用DigitalOcean的主機,真的是相當的不錯,沒想到免費版也有高級的享受,因此有在用hugo的朋友,不妨也可在Netlify中,打造屬於自己的hugo站台。
Switch《寶可夢 Z-A》好啦魷怎麼進化?翻轉螢幕即可進化成烏賊王
Cloudflare Drop 拖曳就能部署網站,還可綁定網域與SSL
線上象棋對戰遊戲室|免註冊立即入座,真人即時對戰
樹莓派系統安裝教學|設定 Raspberry Pi OS、SSH 與首次登入
自製 GA4Exact 外掛,讓 WordPress 後台直接查看 GA4 分析報表
解決 WooCommerce Checkout Block 導致金流模組無法顯示的問題