SSG 能幫你做到什麼?
這個部落格目前是純 HTML 維護,流程很直覺,但文章一多就會開始重複做很多事。
靜態網站產生器 SSG(Static Site Generator)的重點就是把這些重複工作自動化。
SSG 能幫你做到什麼?
- 只寫內容:你專心寫文章,不用每次都手刻整頁 HTML
- 自動產生頁面:新文章會轉成完整網頁
- 自動更新列表:不用手動改
posts/index.html - 自動更新 RSS:不用手動改
feed.xml - 統一版型:共用同一份模板,版面與 SEO 設定可集中管理
用現在的流程來比較
現在:
- 從
posts/_template/複製新文章 - 手動修改文章內容
- 手動更新
posts/index.html - 手動更新
feed.xml
使用 SSG 後:
- 新增一個內容檔(通常是 Markdown)
- 執行一次建置命令
- 文章頁、列表、RSS 同步完成
常見 SSG 工具
- Hugo:快,適合文章量大,主題豐富
- Docusaurus:專注於文件和部落格
- Astro:現代化工具鏈完整
- Eleventy:簡單彈性高
- Hexo:Node.js 生態系統友善
- Jekyll:GitHub Pages 友善
什麼時候導入最有感?
- 你想統一全站版型
- 你想把發文流程變成固定步驟