靜態網站架設

定義

使用 Astro（靜態網站產生器）+ Git/GitHub（版本控制與雲端備份）+ Cloudflare Workers（免費全球部署）的技術棧，讓非工程師也能透過 Claude Code 用自然語言架設部落格。核心優勢：免費、快速、內容完全自控。

關鍵數據點（附來源）

• 費用：除 Claude Code 訂閱（$20/月）和可選網域（$10-15/年）外，幾乎零成本（來源：概念篇）
• Astro 預設不載入 JavaScript，頁面速度快，SEO 友善（來源：概念篇）
• Cloudflare Workers 免費方案：不限流量、每月 500 次部署、每天 10 萬訪客（來源：概念篇）
• 全球 300+ CDN 節點，自動 HTTPS（來源：概念篇）
• 發布流程：寫文章 → Astro 產生頁面 → Git 記錄 → 推 GitHub → Cloudflare 自動部署，一句話完成（來源：概念篇）
• 日常寫部落格只需關心 src/content/blog/ 一個資料夾（來源：安裝篇）
• SEO 設定七項可一次搞定：meta 標籤、canonical URL、robots.txt、sitemap、Open Graph、結構化資料（來源：SEO 篇）
• Astro sitemap 用兩層結構（index → sitemap-0.xml），單檔上限 50,000 筆（來源：SEO 篇）
• Cloudflare Web Analytics 零設定即可追蹤流量，不需額外追蹤碼（來源：SEO 篇）

前提與局限性

• 靜態網站不適合需要動態功能的場景（評論、搜尋、會員系統需要第三方服務）
• 文章極多時（> 1000 篇）建置時間可能變長
• Claude Code 對 Astro 的理解基於特定版本，大版本更新可能導致不相容
• 完全不懂技術時遇到錯誤難以自行判斷
• 多人協作缺口： Astro 本身沒有後台，純 Markdown 流程無法委派給非工程師。需要搭配 Headless CMS 補上編輯介面（見 astro-wp 方案）

多人協作延伸

原本系列將靜態網站定位為「個人部落格」情境，但當內容組織長成企業形象網站，或需要委派上稿時，純 Markdown 流程不夠用。解法是在 build-time 加入第二個內容來源（WordPress Playground 或其他 headless CMS），詳見 [[本機 Headless CMS 部署流程]]。

衝突標記

• 概念篇將 WordPress 定位為「需要主機、資料庫、安全更新」的重量級方案，但團隊本身是 WordPress 開發公司。這反映了不同場景的最佳選擇不同，而非 WordPress 不好。

關聯概念

• [[非工程師的 AI 工具採用]]
• [[Claude Code 入門路徑]]
• [[SEO 內容策略]]
• [[Headless CMS 架構模式]]
• [[內容自主權 vs 託管便利]]
• [[本機 Headless CMS 部署流程]]