新手上路

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

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

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

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

準備好要安裝了嗎?

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

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

⚙️ 安裝指南有完整一步一步以慣用 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!