跳至內容
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,選擇一個主題,並在幾分鐘內啟動您的下一個項目。

開始使用