你已經大概知道 WordPress 不是唯一答案，也聽過「靜態站比較快、比較安全」。結果一搜框架，Hugo、Eleventy（11ty）、Astro 三邊都說自己最適合部落格——讀起來像三杯咖啡同時跟你保證「我這杯最提神」。
選錯的代價很實在：遷移白做一輪、CI build 等到你懷疑人生，或為了用 React 元件硬上 Astro，結果整站只有純文章，卻多了一層元件編譯。這篇不幫你選「2026 最潮框架」，而是幫你回答：以你的文章量、團隊技能、要不要互動元件，三個候選裡誰最不容易後悔。
目錄
先確認：你真的需要 SSG 嗎？
在 Hugo、11ty、Astro 裡三選一之前，先確認你該走「純靜態 SSG」這條路，而不是續用 WordPress、Statamic 或 Wix 這類 SaaS。框架選型是第二關，第一關是「你到底要不要靜態化」——還沒過第一關就選 Astro，有點像還沒決定要煮咖啡就先買磨豆機。
若你符合下面多數條件，再往下讀框架比較：
- 每月新文不多（例如 ≤ 30 篇），格式相近（教學、比較、清單）
- 至少一人會 git，或願意學「改 Markdown → push → 自動 deploy」
- 不需要訪客登入、購物車、即時庫存
- 痛點包含被駭、外掛衝突、主機慢、Core Web Vitals 拉不起來
- 可接受沒有 wp-admin（或願意走 Headless 混合架構）
若編輯一定要網頁後台，別硬選 SSG——先看 Statamic 或 Headless WordPress。若一週內要上線、零技術，SaaS 可能更實際。還在猶豫要不要離開 WP，可以先讀站內的 WordPress vs 11ty 比較，別還沒決定「要不要靜態」就選框架。
三個框架一句話定位
| 工具 | 一句話 | 典型誰在用 |
|---|---|---|
| Hugo | Go 寫的極速印表機，模板用 Go template | 頁數破千的部落格、多語系大站、技術文件 |
| Eleventy（11ty） | JS 極簡派，模板語言你愛用哪種就哪種 | 個人站、內容網站、想完全掌控輸出的人 |
| Astro | 內容優先 SSG，預設零 JS，要互動才長 Islands | 新開內容站、要比較表有一點互動、MDX 愛好者 |
白話說，三者都是「離線印報紙」：本機或 CI 執行 build，把 Markdown 和模板烤成 _site/ 或 dist/ 裡的 HTML，再上傳 CDN。訪客看到的是靜態檔，沒有 wp-admin、沒有 PHP——PHP 可以下班了，你也不用半夜擔心外掛更新。
60 秒主決策表：先圈出 1～2 個候選
| 你的狀況 | 優先考慮 | 為什麼 |
|---|---|---|
| 文章 500 篇以下、團隊只會一點 JS、要極瘦 HTML | 11ty | build 夠快、無框架鎖定；純 Markdown 教學／比較文維護成本低 |
| 同上，但想要 Content Collections、MDX、頁面裡嵌 React 比較表 | Astro | Islands 只 hydration 需要互動的區塊 |
| 文章 3,000+ 篇 或 CI build 常超 2 分鐘 | Hugo | Go 引擎對大站友好；多語系路由成熟 |
| 想 最快套現成皮、少改程式（像套 Hugo 主題） | Hugo | themes.gohugo.io 主題市場大 |
| 要 npm 外掛（圖片管道、Obsidian 同步、自訂 JS 資料源） | 11ty | 全 npm 生態；eleventy.config.js 就是 JS |
| 要 內建多語系 i18n、不想靠外掛 | Hugo | i18n 第一公民 |
| 文末推薦區塊、比較表版型要 完全自控、長期零框架風險 | 11ty | 沒有元件編譯步驟，十年後還能維護 |
| 文章靜態、但底部要 篩選器／計算機 等互動 | Astro | client:visible 捲到才載 JS，不拖慢全文 |
| 已有一堆 Nunjucks／JS 資產 | 11ty | 不必重寫成 Go template |
圈出候選後，各花 10 分鐘跑 hello-world（文末有指令），比看十篇 benchmark 文還準。哪個讓你更快「改標題 + 加一篇假文 + 看到 HTML」，長期就選那個——手感順的框架，比社群吵架文可靠。
規格比較表：知道 trade-off 在哪
| 面向 | Hugo | Eleventy（11ty） | Astro |
|---|---|---|---|
| 語言／環境 | Go 單一執行檔，不用裝 Node | Node.js 18+ | Node.js 18+ |
| 模板 | Go template（學習曲線陡） | Nunjucks、Liquid、MD…可混 | .astro + 可選 React/Vue/Svelte |
| 預設 JS 輸出 | 0（除非你加） | 0 | 0（Islands 才加） |
| 約 1,000 頁 build | 約 數秒級 | 約 30 秒級（視外掛而定） | 約 45 秒級 |
| 多語系 i18n | 內建強 | 需外掛 | 內建路由支援 |
| MDX／元件 | 有限 | 靠外掛 | 原生強 |
| 主題生態 | 上百個現成主題 | Starter 專案 + 自訂 layouts/ | 官方模板 + 元件化 |
| 最適託管 | 任何靜態主機 | Cloudflare Pages、Netlify、Hostinger | 同上 |
數字會因機器、圖片外掛、模板複雜度而變——重點是比較級距，不是死記秒數。Go template 學起來像另一門語言，但 Hugo 不會因為你還在背 range 就幫你 build 快一點。
Build 速度：別為了 benchmark 選錯框架
很多人選 Hugo 只因為「build 最快」。這在超大站確實重要；但對內容網站，上線後的 Core Web Vitals 比本機 build 幾秒更影響 SEO。
| 基準情境 | Hugo | 11ty | Astro | 怎麼讀 |
|---|---|---|---|---|
| 約 4,000 篇 Markdown（11ty 官方基準） | 0.68s | 1.93s | ~23s（2022 基準） | 大站 Hugo 優勢明顯 |
| 約 1,000 頁（業界常引級距） | 約 1～3s | 約 5～15s | 約 45s 級 | 中小站都可接受 |
| 上線後客端 JS（預設） | 0 KB | 0 KB | 0 KB | 三者都能衝 Lighthouse 98+ |
幾百篇的個人站：11ty 和 Hugo 上線後速度通常差不多，CDN 一掛 TTFB 多在 10～30ms 級。別為了省 10 秒 build 去啃 Go template，除非你已經確定 CI 是瓶頸。
若你選 11ty 卻覺得 build 變慢，先查：圖片外掛、build 時打外部 API、或未 memoize 的 filter——不一定代表該換 Hugo，有時只是某個 filter 在偷跑馬拉松。
內容網站情境：誰比較順？
| 情境 | 建議 | 對 SEO／變現的影響 |
|---|---|---|
| 比較文、教學文為主，月發 4～8 篇，要衝 Core Web Vitals | 11ty 或 Astro | 頁面瘦 → GSC 體驗報表較好看 |
| 文末推薦、比較表版型要統一，互動少 | 11ty | Nunjucks 版型直覺，輸出極瘦 |
| 文章 + 互動比較表篩選器 + 偶爾 MDX | Astro | Islands 控 JS 預算，正文仍靜態 |
| 站齡久、上千篇舊文要一次遷移 | Hugo 或分批遷移 + 11ty | build 時間影響 CI 成本與專案排程 |
| Obsidian vault → 網站工作流 | 11ty | 與 npm 生態、Markdown 工作流契合 |
| 週末上線個人部落格、想最快套皮 | Hugo + 主題 | 主題一行掛上即可 |
| 完全不想碰 CLI，編輯要自己發文 | 跳過 SSG | 改看 Statamic 或 Headless WP |
兩兩對打：你卡在誰跟誰之間？
11ty vs Hugo：極速 SSG 二選一
兩邊預設都是零 JS、Jamstack 路線。差別在誰更適合你的團隊與規模：
- 選 11ty：頁數還沒破千、團隊熟悉 JS／Nunjucks、要 npm 外掛、文章與推薦區塊版型完全自控
- 選 Hugo：三千篇以上、CI 常超 2 分鐘、內建多語系、想最快套現成主題
Hugo 的 Go template 學習曲線比 Nunjucks 陡；11ty 沒有 Hugo 那種「一行掛主題」的生態，但換來你擁有全部 layout 原始碼。想再深入，可搭配站內 靜態網站產生器入門 一起看。
11ty vs Astro：JavaScript 陣營二選一
兩邊都跑在 Node.js，但工作流差很多：
- 選 11ty：純 Markdown 進、HTML 出；互動用原生 JS 或 Web Components 就夠
- 選 Astro：要 React 元件、Content Collections 型別檢查、比較表篩選器用
client:visible
Astro 的 Islands 讓整頁先當純 HTML 送出，只有標了 client:* 的區塊才載入 JS——適合「3000 字正文靜態、底部篩選器要互動」的長文頁。若你只是放幾個推薦連結或按鈕，11ty 的純 HTML 往往更簡，不必為了兩顆按鈕請整艘 React 郵輪進港。
10 分鐘 hello-world：選型必做
選出 2 個候選後，各花 10 分鐘跑完——感受比讀文重要。
Eleventy
mkdir my-11ty-test && cd my-11ty-test
npm init -y
npm install @11ty/eleventy
npx @11ty/eleventy --init
echo '# Hello' > content/index.md
npx @11ty/eleventy --serve
# 瀏覽器 http://localhost:8080 應看到標題Astro
npm create astro@latest my-astro-test
# 選 Empty 或 Blog 模板
cd my-astro-test && npm run dev
# 瀏覽器 http://localhost:4321Hugo
# 需先安裝 Hugo：https://gohugo.io/installation/
hugo new site my-hugo-test && cd my-hugo-test
git init
hugo new content posts/first.md
hugo server -D
# 瀏覽器 http://localhost:1313
# 新手可 clone themes.gohugo.io 上的示範站，少踩 layout 坑若兩個都順，內容網站優先輸出最瘦、CI 最穩的那個——通常是 11ty 或 Hugo。
選完框架之後的三件事
- 託管：Cloudflare Pages、Netlify 或 Hostinger 靜態空間都可以。若你已經用 11ty，站內 11ty 與 Hostinger 快取設定 也值得先 bookmark。
- HTTPS：靜態站一樣要憑證。可參考站內 免費 SSL 憑證教學。
- 遷移 SEO：若從 WordPress 來，URL、301、sitemap、canonical 仍要維護——別以為換框架就自動升級排名。
常見問題
Q：2026 大家都說 Astro 是預設，我還用 11ty 會不會過時？
不會。Astro 適合「想要元件模型、MDX、多框架」的站；純 Markdown 教學／比較文用 11ty 往往更簡、build 設定更少。兩邊都是活躍專案，過時的是「沒在發文」，不是「沒換框架」。
Q：Hugo 這麼快，為什麼還有人主力用 11ty？
Go template 學習成本、與現有 JS／Nunjucks 資產的相容性。頁數還沒破千時，11ty build 夠用；日後若 CI 變瓶頸再評估 Hugo 遷移。
Q：我已經有 11ty 站，要為了潮流換 Astro 嗎？
沒有「需要 React 元件卻硬用 Nunjucks 拼」的痛點就不必換。遷移有 URL、模板、CI 成本。Astro 官方有從 Eleventy 遷移指南，但那是你有明確互動需求時才值得開的專案。
Q：Jekyll 呢？
已在 GitHub Pages 上、文章少可以繼續。新開個人站、要衝 SEO 與維護效率，優先 11ty／Astro／Hugo。
結語：選能維護的，不是選 benchmark 冠軍
Hugo、11ty、Astro 都能做出極快的靜態內容站。真正會讓你後悔的，通常不是「差 10 秒 build」，而是：
- 選了 Go template 卻團隊只會 JS
- 為了互動硬上 Astro，結果整站只有純文章
- 三千篇舊文用 11ty 卻沒評估 CI 時間
先用 60 秒決策表圈候選，再各跑 10 分鐘 hello-world。選定後把託管、HTTPS、遷移 SEO 一次做完——框架只是起點，能持續發文、GSC 體驗報表維持綠色，才是個人站長期流量與轉換的基礎。
若你已經圈出 11ty 或 Hugo，下一步可以開一個最小專案、部署到 Hostinger 或 Cloudflare Pages，用真實網域跑一次 PageSpeed Insights——比較表選對了，馬上就能驗證。驗收完再來一杯咖啡；這次等的是 deploy，不是 CI。
參考資料
- Eleventy 官方文件 — Performance：11ty 與其他 SSG 的 build 速度基準與優化建議。
- Astro 官方 — Why Astro：Astro 內容優先與 Islands 架構的設計說明。
- Astro 官方 — Islands architecture：
client:load、client:visible等指令的行為說明。 - Astro 官方 — Migrating from Eleventy：從 11ty 遷移到 Astro 的官方指南。
- Hugo 官方文件：Hugo 安裝、模板與多語系設定。
- Hugo Themes：Hugo 現成主題目錄，適合快速套皮評估。
