新手上路

靜態網站產生器 🚀 使用熟悉的框架 🚀 推送更少 JavaScript

我們已盡可能簡化從瀏覽器或本地機器開始使用 Astro。

打開網址 astro.new 是「買單前先試試看」最簡單的方法。從各種新手範本挑選其中之一，就可以在瀏覽器裡，開始打造完整、可以運行的 Astro！

或者，只要按個按鈕，立即啟動基本新手專案：

準備好要安裝了嗎？

我們的 create-astro CLI 精靈可以立即讓新專案設定好並跑起來！

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

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

# 使用 yarn 來新增專案
yarn create astro

⚙️ 安裝指南有完整一步一步以慣用 package 管理程式安裝 Astro 的教學。

⚙️ 或者，看手動設定指南。

立即打開，並在網站上新增一些內容或功能！

🏗️ 新增 Astro (.astro) 頁面 與/或 Markdown (.md) 頁面 (EN)到網站上。

🏗️ 建立第一個版面。

🏗️ 新增額外的 CSS 和樣式 (EN)到網站上。

… 在 Features 區塊查看更多細節

查看 Astro 網站使用的重點概念與慣例！

📚 深入閱讀 Astro 的專案架構。

📚 學習 Astro 的範本指令 (EN)。

📚 探索 Astro 的 Runtime API (EN)。

… 在 Reference 區塊發掘更多資料

🧰 下個專案，就從預先蓋好的佈景主題開始。

🧰 以官方、社群的外掛程式與元件將網站客製化。

🧰 訪問網站展示間獲得靈感。

… 請參考 Integration 使用指南 (EN)

加入 Astro Discord 後，跟積極、友善的社群分享，或取得協助！

💬 在 #introduce-yourself 頻道打招呼！

💬 在 #support-threads 頻道向支援小隊問問題！

💬 在 #showcase 頻道分享近期作品！

Astro 部落格

Astro 更新記錄

有一群熱心幫助的人們，撰寫了這份文件。加入我們的 GitHub！