新手上路
靜態網站產生器 🚀 使用熟悉的框架 🚀 推送更少 JavaScript
試玩 Astro
Section titled 試玩 Astro我們已盡可能簡化從瀏覽器或本地機器開始使用 Astro。
線上玩玩看
Section titled 線上玩玩看打開網址 astro.new 是「買單前先試試看」最簡單的方法。從各種新手範本挑選其中之一,就可以在瀏覽器裡,開始打造完整、可以運行的 Astro!
或者,只要按個按鈕,立即啟動基本新手專案:
本地端安裝 Astro
Section titled 本地端安裝 Astro準備好要安裝了嗎?
我們的 create-astro
CLI 精靈可以立即讓新專案設定好並跑起來!
# 使用 npm 來新增專案
npm create astro@latest
# 使用 pnpm 來新增專案
pnpm create astro@latest
# 使用 yarn 來新增專案
yarn create astro
⚙️ 安裝指南有完整一步一步以慣用 package 管理程式安裝 Astro 的教學。
⚙️ 或者,看手動設定指南。
使用 Astro 開始動手做
Section titled 使用 Astro 開始動手做立即打開,並在網站上新增一些內容或功能!
🏗️ 新增 Astro (.astro) 頁面 與/或 Markdown (.md) 頁面 (EN)到網站上。
🏗️ 建立第一個版面。
🏗️ 新增額外的 CSS 和樣式 (EN)到網站上。
… 在 Features 區塊查看更多細節
學習 Astro
Section titled 學習 Astro查看 Astro 網站使用的重點概念與慣例!
📚 深入閱讀 Astro 的專案架構。
📚 學習 Astro 的範本指令 (EN)。
📚 探索 Astro 的 Runtime API (EN)。
… 在 Reference 區塊發掘更多資料
深入 Astro
Section titled 深入 Astro🧰 下個專案,就從預先蓋好的佈景主題開始。
🧰 以官方、社群的外掛程式與元件將網站客製化。
🧰 訪問網站展示間獲得靈感。
… 請參考 Integration 使用指南 (EN)
加入 Astro Discord 後,跟積極、友善的社群分享,或取得協助!
💬 在 #introduce-yourself
頻道打招呼!
💬 在 #support-threads
頻道向支援小隊問問題!
💬 在 #showcase
頻道分享近期作品!
有一群熱心幫助的人們,撰寫了這份文件。加入我們的 GitHub!