Frosti

?フロスティ

シンプル、エレガント、そして高速な静的ブログ テンプレートです。 Astro で構築

フロスティデモ/ ?中国語の README / ❤️私のブログ

ヒント

最初にこのテーマをプレビューすることをお勧めします

プレビュー

⏲️パフォーマンス

特徴

• ✅ 超高速アクセス速度と優れた SEO
• ✅ トランジションアニメーションを表示 (Swup を使用)
• ✅ 記事を検索できます（ページ検索を使用）
• ✅デイ/ナイトモードが利用可能
• ✅ Walineで構築されたコメントシステム
• ✅ Tailwind CSS と daisyUI で構築されたレスポンシブデザイン
• 使いやすいブログ
  • インストールに必要なコマンドは 1 つだけです
  • consts.tsでブログのコンテンツをカスタマイズする

重要

コメント システムを自分で設定する必要があります。src srccomponentsCommentWaline.astro変更の詳細については、Waline を参照してください。

✒️ 記事のインフォメーション

名前	意味	必須
タイトル	記事タイトル	はい
説明	記事の概要	はい
公開日	記事の日付	はい
画像	記事の表紙	いいえ
カテゴリ	記事カテゴリー	いいえ
タグ	記事のタグ	いいえ
バッジ	記事バッジ	いいえ

ヒント

badge属性をPinに設定すると、記事をピン留めできます。

使用法

重要

Frosti はパッケージ マネージャーとして pnpm を使用します。 pnpm がインストールされていない場合は、最初にインストールしてください。

--templateパラメータをcreate astroコマンドに渡して、Frosti を使用します。

pnpm create astro@latest -- --template EveSunMaple/Frosti

問題が発生しましたか?このリポジトリを複製してビルドしてください。

1. pnpmパッケージマネージャーをインストールする

npm i -g pnpm

2. プロジェクトのクローンを作成する

git clone --depth 1 https://github.com/EveSunMaple/Frosti.git Frosti

3. プロジェクトフォルダーを入力してください

 cd Frosti

4. 依存関係をインストールする

pnpm i

5. プロジェクトをデバッグして実行する

pnpm run dev # Start the debug server

pnpm run build # Build the project as static files 

注記

Frosti はデフォルトで pnpm を使用して構築されます。エラーが発生した場合は、 pnpm updateを実行してください。

ヒント

Vercel、Netlify などの他の方法を使用して Frosti をデプロイすることもできます。ただし、これらのサービスの基本的な使用法を理解しておく必要があります。 Astro がサポートする導入方法

ロードマップ

• ヘッドレス CMS の統合を試みる
• 既知のスタイルのバグを修正
• もっと...

?問題

ご質問やご提案がございましたら、お気軽に問題を送信するか、開発者と通信してください。

?ありがとう

@Saicaca このテーマを作成した主な理由は彼のインスピレーションでした

@WRXinYue 初期の頃は大変お世話になりました