靜態網站生成器（SSG）近年來愈發成熟，而 Astro 憑藉其「內容優先」的設計哲學，成為知識型網站的絕佳選擇。本文記錄我用 Astro v7 搭配 Tailwind 4 建立「修哥筆記」的關鍵決策。

為什麼選 Astro

Astro 預設產出幾乎零 JavaScript 的靜態頁面，這對以閱讀為主的筆記站意義重大：

• 載入速度極快，對 SEO 與讀者體驗皆有利
• 內容以 Markdown 撰寫，寫作門檻低
• 內建 Content Collections，可對文章做型別檢查

對於「分享知識」這件事而言，框架應當隱形，讓內容自己說話。

Tailwind 4 的 CSS-first 配置

Tailwind 4 取消了 tailwind.config.js，改以 CSS 內的 @theme 區塊定義設計變數。例如本站的海軍藍與奶油白：

@theme {
  --color-navy: #1b2a41;
  --color-cream: #f7f3e9;
}

如此一來，便能直接使用 bg-cream、text-navy 等工具類，且顏色定義與樣式同層，維護更直接。

小結

把基礎打好，後續新增文章只需在 src/content/posts/ 放下一份 Markdown，路由與列表便會自動生成。這種「寫作即部署」的流暢感，正是知識站最珍貴的體驗。