Byte Ebi's Logo

Byte Ebi 🍤

每天一小口,蝦米變鯨魚

使用 Hugo 建立靜態網站

快速使用 markdown 語法建立個人網站

Ray

部落格每次搬遷都是一件超級痛苦的事情,每個平台匯出格式都不一樣!
乾脆自己來架一個吧!用 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 免費託管

最新文章

Category

Tag