我的個人網頁原先是用靜態網頁生成器 Jekyll 製作,再用 github pages 進行部署。第一次架站時還是程式極新手,各種網頁知識的不足著實讓當時的我吃了不少苦頭(實作過程可以看這篇以及這篇)。架好後也一直掛著 andreashih.github.io
的網址,陪伴我整個碩士生涯。
最近突然萌生了購買自己網域的念頭,又想試試看 Hugo 到底多厲害,畢竟他官網首頁直接寫著 The world’s fastest framework for building websites,索性重新架站。
本次架站步驟如下:
- 購買喜歡的網域名 (domain name) - 我是在 GoDaddy 買的
- 在本機下載 Hugo 及其主題 (theme) - profile 主題使用 hugo-profile - blog 主題使用 hugo-theme-stack
- 上傳到 GitHub repo
- 部署到 github pages
- 更改域名
- 完成!🎉
用 Hugo 搭配 github pages 架站的網路資源十分豐富,有各種文章、影片,甚至是付費課程可以參考。在網路上搜尋時要注意發表日期,越新越好。以下詳列我使用到的資源:
- Hugo Documentation:Hugo 的文件寫得十分清楚易懂
- Zoey 的程式日常:非常詳細又簡明易瞭,而且是中文!
- YT 頻道 - codefoxx:一步一步帶你完成 github pages 自訂網域的設定
體驗下來覺得 Hugo build 的速度真的很快,文件好理解,錯誤訊息的解法也算好找。目前舊的個人網頁已經移到這裡保存,只是應該不會再更新了。
Photo by Joanna Kosinska on Unsplash