用 Claude Code 與 Fable 5.1 建部落格：實測記錄

這篇文章記錄 YAI 這個網站是怎麼從一個空資料夾長出來的。以下先列出大綱，正文之後補上。

為什麼選 Astro 加 Cloudflare Pages

說明選擇純靜態方案的理由，以及與其他框架比較後的取捨。

給 AI 的需求怎麼寫

整理這次下達的規格：技術要求、功能、設計方向與驗收標準，並討論哪些部分寫得夠清楚、哪些其實可以更明確。

第一次產出的結果

記錄第一輪產出的專案結構、耗時，以及 npm run build 是否一次通過。

中文排版的調整過程

字型、行高、字距、段落間距這些細節，AI 第一版給了什麼，我又改了哪些。

遇到的問題與解法

列出過程中卡住的地方，例如 content collection 的設定、標籤網址編碼、深色模式下的語法高亮。

部署到 Cloudflare Pages

從 git push 到網站上線的步驟，以及需要注意的建置設定。

總結與下一步

這次實測的整體評價，以及接下來打算補上的功能。