astro sphere

特徵

• ✅ 100/100 燈塔表演

• ✅ 反應靈敏

• ✅ 無障礙

• ✅ SEO 友好

• ✅ 類型安全

• ✅ 簡約風格

• ✅ 淺色/深色主題

• ✅ 動畫使用者介面

• ✅ 順風造型

• ✅ 自動產生網站地圖

• ✅ 自動產生的 RSS 來源

• ✅ 降價支持

• ✅ MDX 支援（Markdown 中的元件）

• ✅ 可搜尋的內容（貼文和項目​​）

燈塔分數

輕的

所有小於 100kb 的頁面（包括字體）

快速地

在本機上渲染約 40 毫秒

配置

演示中的部落格文章用作文檔和配置。

命令

所有命令都從專案的根目錄的終端運行：

將 npm 替換為您選擇的套件管理器。 npm , pnpm , yarn , bun等

命令	行動
npm install	安裝依賴項
npm run dev	在localhost:4321啟動本機開發伺服器
npm run dev:network	在本機網路上啟動開發伺服器
npm run sync	為所有 Astro 模組產生 TypeScript 類型。
npm run build	將您的生產網站建置到./dist/
npm run preview	在部署之前在本地預覽您的構建
npm run preview:network	在本機網路上啟動預覽伺服器
npm run astro ...	執行 CLI 指令，例如astro add 、 astro check
npm run astro -- --help	使用 Astro CLI 取得協助
npm run lint	運行 ESLint
npm run lint:fix	自動修復 ESLint 問題

路線圖

我計劃實現的一些功能

• ⬜ 程式碼區塊 - 複製到剪貼簿

• ⬜ 文章頁 - 目錄

• ⬜ 文章頁面 - 在社群媒體上分享

致謝

主題靈感來自 Paco Coursey、Lee Robinson 和 Hayden Bleasel

執照

麻省理工學院

1.0.1 更新

新增了在本機網路上運行開發和預覽的功能。新增了 npm run dev:network 新增了 npm run Preview:network

在淺色和深色模式下增加了稍微更多的粒子密度。

增加了微妙的黑暗模式星星和流星動畫。

刪除了 eslint 配置