本文紀錄如何用Hugo建立blog,並部署到GitHub Pages。
安裝Hugo
brew install hugo
建立site
hugo new site <site-name>
選定theme
cd <site-name>
git init
git submodule add <theme-git-repo-url> themes/<theme-name>
例如:
cd <site-name>
git init
git submodule add https://github.com/xianmin/hugo-theme-jane.git themes/jane
拷貝主題的預設config和範例文章
cp themes/jane/exampleSite/config.toml ./
cp -r themes/jane/exampleSite/content ./
建立文章
文章在content/posts
裡面。
新增文章輸入:
hugo new posts/my-first-post.md
在本地觀看
hugo server -D
D flag解釋:
-D, --buildDrafts include content marked as draft
Build static pages
hugo -D
Depoly
-
在GitHub建立兩個repositories。一個名為
<site-name>
另一個為<USERNAME>.github.io
-
把生成的site(public)加入submodule
git submodule add -b main https://github.com/<USERNAME>/<USERNAME>.github.io.git public
參考
https://dev.to/zaracooper/create-your-developer-portfolio-using-hugo-and-github-pages-35en