新手上路

Astro 3.0 現已發布！

Astro v3 有甚麼新功能？ 在公告文章中了解詳情。
準備好升級了？ 請按照我們的升級指南 (EN)。

甚麼是 Astro？

Astro 是個多合一的網頁框架，用於打造快速且以內容為中心的網站。

主要特色

• 組件群島： 用於構建快速網站的新網頁架構。
• 伺服器優先的 API 設計： 從使用者的設備上去除高開銷的水合過程。
• 預設零 JS： 沒有 JavaScript 執行階段開銷來拖慢你的速度。
• 邊緣就緒： 在任何地方部署，甚至像 Deno 或 Cloudflare 這樣的全球邊緣執行階段。
• 可自訂： Tailwind、MDX 和其他 100 多個整合可供選擇。
• 不依賴 UI： 支援 React、Preact、Svelte、Vue、Solid 和 Lit 等。

查看我們的為何選擇 Astro？條目來了解 Astro 的獨特之處。✨

在瀏覽器中嘗試 Astro

造訪 astro.new 並從海量模板裡挑選一個作為起點。在瀏覽器中體驗完整可用的 Astro！

啟動基本模板 瀏覽所有模板 →

開始你的第一個專案

利用我們的 create astro 命令列嚮導來讓你的新 Astro 專案在本地運行！

npm

# 使用 npm 來創建新專案
npm create astro@latest

pnpm

# 使用 pnpm 來創建新專案
pnpm create astro@latest

Yarn

# 使用 yarn 來創建新專案
yarn create astro

我們的安裝指南提供了使用命令列嚮導安裝 Astro、從現有 Astro GitHub 儲存庫創建新項目以及手動安裝 Astro 的完整說明。

學習 Astro

查看 Astro 網站的一些關鍵概念與模式的範例！

📚 新增第一個頁面到你的網站上。

📚 閱讀關於 Astro 專案架構的資訊。

📚 深入了解 Astro 基於檔案的路由 (EN)。

……在參考分頁找到完整 API 文檔。

拓展 Astro

🧰 用預先構建的主題開始你的下個專案。

🧰 用官方和社群的外掛程式與組件將網站客製化。

🧰 造訪網站陳列所來獲得靈感。

……參見我們的整合使用指南 (EN)。

加入我們的社群

在 Astro Discord 上加入我們，和活躍且友善的社群分享成果或取得協助！

💬 在 #general 頻道打聲招呼！

💬 在 #support 頻道向支援小隊提出問題！

💬 在 #showcase 頻道分享你的成果！

有甚麼新鮮事？

Astro 部落格

Astro 變更日誌

翻譯

你所閱讀的中文文檔是由這些了不起的人們翻譯的。如果感興趣，你可以幫助我們翻譯！

• 
• 
• 
• 
• 
• 
• 
• 
• 

貢獻

這些熱心的人們撰寫了此文檔。你可以在 GitHub 上加入我們！

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•