astro sphere
v1.0.1
✅ 100/100 の灯台のパフォーマンス
✅ レスポンシブ
✅ アクセス可能
✅ SEO に優しい
✅ タイプセーフ
✅ ミニマルなスタイル
✅ ライト/ダークテーマ
✅ アニメーションUI
✅ 追い風のスタイリング
✅ 自動生成されたサイトマップ
✅ 自動生成された RSS フィード
✅ マークダウンのサポート
✅ MDX サポート (マークダウン内のコンポーネント)
✅ 検索可能なコンテンツ (投稿とプロジェクト)
全ページ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 ... | astro add 、 astro checkなどの CLI コマンドを実行します。 |
npm run astro -- --help | Astro CLI を使用してヘルプを表示する |
npm run lint | ESLint を実行する |
npm run lint:fix | ESLint の問題を自動修正する |
実装予定のいくつかの機能
⬜ コードブロック - クリップボードにコピーします
⬜ 記事ページ - 目次
⬜ 記事ページ - ソーシャルメディアで共有
パコ・コーシー、リー・ロビンソン、ヘイデン・ブリーゼルにインスピレーションを得たテーマ
マサチューセッツ工科大学
ローカルネットワーク上で開発とプレビューを実行する機能が追加されました。 npm run dev:network を追加 npm runreview:network を追加
ライトモードとダークモードの両方で粒子密度をわずかに追加しました。
微妙なダークモードの星と流星のアニメーションを追加しました。
eslint 設定を削除しました
