Summary

劉奇聖分享如何用 Hugo (SSG) 和免費靜態網站托管服務架設個人網站,除域名費用外完全免費。文章涵蓋框架選擇(Hugo vs Gatsby)、版型選擇(hugo-PaperMod)、多語言設定、中文字體配置(Noto Sans Traditional Chinese)、留言板整合、SEO 優化等實作細節。

Liu Qisheng shares how to build a personal website with Hugo (SSG) and free static hosting, completely free except for the domain name. The article covers framework selection (Hugo vs Gatsby), theme choice (hugo-PaperMod), multilingual configuration, Chinese font setup, comment system integration, and SEO optimization.

Key Points

  • SSG (Hugo) + free static hosting (GitHub Pages / Netlify / Cloudflare Pages) = zero infrastructure cost
  • Hugo chosen over Gatsby for reduced maintenance: Go templates vs TypeScript/JavaScript ecosystem
  • hugo-PaperMod theme requires custom fixes for proper Traditional Chinese multilingual support
  • Chinese fonts must be configured explicitly via Google Fonts (Noto Sans Traditional Chinese) — themes don’t handle this by default
  • Build and deploy automation via CI/CD (GitHub Actions) makes publishing effortless

Insights

The decision to choose Hugo over Gatsby specifically to reduce maintenance burden is a common pattern — React ecosystem’s fast-moving dependencies create an ongoing upgrade tax that conflicts with personal projects that get sporadic attention. Hugo’s stability and simpler template model is a reasonable trade-off for a personal site with infrequent updates.

Connections

Raw Excerpt

後來發現我實在沒時間維護一堆 Typescript 和 Javascript,導致後來我都很懶得更新我的個人網站。因此這次我選擇使用 Hugo,維護少量的 Go Template 至少比較輕鬆。