設計 #設計#Astro
✨ 為什麼選擇 Astro-Theme-Aither
2026-01-03 · 559字 · 3分鐘
一個相信文字本身就很美的 AI 原生 Astro 主題。
一個相信文字本身就很美的 AI 原生 Astro 主題。
設計理念
極簡設計,不極簡工程。當頁面上沒有花俏的視覺元素來掩蓋問題時,任何瑕疵都會被放大。極簡設計對工程品質的要求更高,而不是更低。
排版參數遵循 Apple 人機介面指南:17px / 1.47 / -0.022em。全站統一無襯線系統字型棧。字型本身就是視覺標識。
AI 原生
為 AI agent 時代而生。每個頁面都天然可被機器閱讀:
- llms.txt — AI agent 內容索引,
/llms.txt - llms-full.txt — 全文輸出,
/llms-full.txt - Markdown 端點 — 任何文章 URL 後加
.md取得源檔案 - JSON-LD — 每篇文章的 Article 結構化資料
- robots.txt — 明確歡迎 GPTBot、ClaudeBot、PerplexityBot
你的內容不只是發布了——它是 AI 可發現的。
基於 Astro
Astro 的島嶼架構意味著只有互動元件載入 JavaScript。其他一切都是靜態 HTML 和 CSS,瞬間載入。
互動式島嶼:主題切換器(View Transitions API 圓形展開動畫)、語言切換器、瀏覽器語言偵測、行動端導覽。
功能
- Tailwind CSS v4 —
@theme設計令牌,完整明暗主題自訂 - i18n — 多語言支援,自動瀏覽器語言偵測
- 文章置頂 — 將重要文章固定在列表頂部
- 深色模式 — 淺色 / 深色 / 系統,View Transitions API 動畫
- Content Collections — 建構時型別安全 Markdown 驗證
- SEO — Open Graph、規範 URL、Twitter Cards
- RSS + 網站地圖 — 自動產生,零設定
- Google Analytics / Crisp Chat / Giscus — 可選,透過
.env設定 - Vitest + Playwright — 單元 + E2E 測試,整合 CI
- 部署 — GitHub Pages(預設)+ Cloudflare Pages(可選)
適合誰
如果你相信好的文字自己會說話:
- 部落客 — 想讓文字成為絕對主角
- 技術寫作者 — 需要清晰的程式碼區塊和內容結構
- 多語系作者 — 需要內建 i18n 和語言偵測
- 開發者 — 欣賞工程品質過硬、可放心擴展的程式碼庫
寫任何話題——排版會讓它看起來很好。
全文完 · 謝謝閱讀
評論
配置 Giscus 後即可啟用評論功能。