靜態網站架設

概念

靜態網站架設

定義

使用 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 的理解基於特定版本，大版本更新可能導致不相容
  • 完全不懂技術時遇到錯誤難以自行判斷

衝突標記

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

關聯概念

  • [[非工程師的 AI 工具採用]]
  • [[Claude Code 入門路徑]]
  • [[SEO 內容策略]]