使用 Hugo 建立靜態網站
快速使用 markdown 語法建立個人網站
部落格每次搬遷都是一件超級痛苦的事情,每個平台匯出格式都不一樣!
乾脆自己來架一個吧!用 markdown 語法撰寫文章,然後生成靜態網站
HUGO 是一個用 Go 編寫的靜態網站生成器
安裝
brew install hugo
確認安裝結果
hugo version
建立新的網站
hugo new site myblog
加入主題
好不容易建立了部落格,當然要選一個自己喜歡的主題
在官方有很多別人做好的主題可以選擇 hugo theme
要補充的一點是,因為 hugo 持續有在更新
有些久沒更新的主題會因為 hugo 更新、google 分析更新等原因
沒有辦法使用新的功能!
使用blowfish
這個主題做範例
cd myblog
git init
git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
修改設定檔案 config.toml
中的預設主題,加入
theme = "blowfish"
或是直接在終端機使用
echo 'theme = "blowfish"' >> config.toml
第一篇文章
可以使用指令
hugo new posts/first_post.md
或是直接打開編輯器建立檔案
接著就可以開始寫文章囉~
本機預覽
使用指令可以在本機執行預覽
hugo serve -D
去查看http://localhost:1313
執行 hugo serve 時,當文章內容變更時,頁面會自動更新
部署
hugo
會生成一個 public
目錄,其中包含你網站的所有靜態內容和資源
現在可以將其部署在任何 Web 伺服器上,也可以使用 github page 免費託管