跳至內容
A Astro Rocket
關於

Astro Rocket —

一款免費、開源的 Astro 7 入門主題,讓您可以打造任何網站。

您將獲得什麼

真實網站所需的一切

元件庫是這個主題的核心。真實網站所需的其他一切都已經準備就緒。

57 個精心設計的元件

從按鈕到 Hero 區塊:型別完善、無障礙、風格一致,並在即時展示中附有文件說明。

可直接開始的頁面

首頁、關於、服務、聯絡、部落格、專案和 404 頁面,皆已完整設計並具備響應式版面,可直接改造成您的網站。

12 種色彩主題

可從頁首即時切換整個網站的配色,並包含淺色與深色模式。

附目錄的部落格

支援 MDX、RSS、標籤、留言、相關文章,以及捲動追蹤目錄。撰寫後即可發佈。

附畫廊的專案展示

作品集區塊包含圖片畫廊、影片投影片、標籤,以及專屬的目錄。

完整國際化,按需啟用

部落格、專案、導覽、表單與 404 頁面:皆可依語系完整在地化。預設關閉,未使用時零成本。

站內搜尋

以 Pagefind 提供快速靜態搜尋,搭配 ⌘K 彈出視窗:在開啟之前完全不載入 JavaScript。

SEO 工具組

內建中繼資料、網站地圖、結構化資料與 OG 圖片,開箱即可正確運作。

表單與部署

提供防垃圾訊息的聯絡與電子報表單,並可一鍵部署到 Vercel、Netlify 或 Cloudflare。

設計原則

有意圖地構建

Astro Rocket 中的每一個決策 — 從元件結構到默認配置 — 都遵循相同的三個原則。

效能優先

默認情況下無 JavaScript。每個元件都針對速度、核心網頁指標和精簡輸出進行優化。

開發者體驗

全程使用 TypeScript,提供合理的默認值,以及可以直接放入任何頁面的元件庫。

從零開始的現代化

Astro 7、Tailwind CSS 4、以及易於擴展和維護的乾淨架構。

值得了解

常見問題

開始之前您需要了解的一切。

關於 Astro

什麼是 Astro?
Astro 是一個為內容驅動網站構建的現代化網頁框架。它默認情況下不發送任何 JavaScript — 只發送頁面實際需要的內容。結果是快速的加載時間、優秀的核心網頁指標分數,以及精簡且可維護的程式碼。
為什麼要使用 Astro?
Astro 是內容密集型網站的理想工具:最少的 JavaScript、乾淨的 HTML、開箱即用的優秀 SEO,以及不干擾開發者的開發體驗。它精簡、有目的,並且構建持久。
我可以用 Astro Rocket 建立什麼?
作品集、商業網站、行銷頁面、部落格、文檔網站 — 任何內容驅動的專案。Astro Rocket 為您提供結構、元件和默認設置,讓您快速上手。
Astro Rocket 是否列在官方 Astro 主題目錄中?
是的。Astro Rocket 列在官方 Astro 主題目錄中,作為免費的、可投入生產的主題。
Astro Rocket 會跟上新的 Astro 版本嗎?
是的。Astro Rocket 正在積極維護和更新,以跟踪新的 Astro 版本。請追蹤部落格或查看 GitHub 倉庫以獲取更新。

使用主題

是否免費使用?
是的,完全免費。Astro Rocket 採用 MIT 許可證 — 可用於個人和商業專案,無需署名。
如何切換主題?
只需更改配置中的一行。Astro Rocket 提供 12 種精心設計的顏色主題 — 無需修改任何 CSS,即可立即切換。
是否支持 TypeScript?
是的,TypeScript 在整個專案中使用。所有元件、配置和工具都是完全類型化的。
如何為國際化添加自己的語言?
Astro Rocket 的國際化是基於配置的。將您的語言添加到國際化配置文件中,創建對應的翻譯文件,路由和 UI 將自動適應。
我應該在哪裡報告錯誤或建議功能?
GitHub 倉庫 上打開問題或開始討論。歡迎貢獻和反饋。
開源

在開放中構建

Astro Rocket 是免費、開源,且採用 MIT 許可證。瀏覽源程式碼、打開問題、提交 PR,或者直接克隆並構建一些很棒的東西。

由 Beyond.ms 製作

Astro Rocket 由 Beyond.ms 設計和構建 — 網頁設計師和開發者,將其作為客戶專案的基礎。

MIT 許可證

可免費用於個人和商業專案。無需署名,但在 GitHub 上點贊總是受歡迎的。

積極維護

該主題隨著新的 Astro 版本保持更新,並根據社區反饋定期改進。

開始使用

準備好構建了嗎?

克隆 Astro Rocket,選擇一個主題,並在幾分鐘內啟動您的下一個專案。

開始使用