跳转到内容

新手上路

甚麼是 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 專案在本地運行!

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

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

學習 Astro

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

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

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

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

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

拓展 Astro

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

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

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

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

加入我們的社群

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

💬 在 #general 頻道打聲招呼!

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

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

有甚麼新鮮事?

Astro 部落格

Astro 變更日誌

翻譯

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

貢獻

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