fuwari

ふわり

Astro で構築された静的ブログ テンプレート。

ライブデモ (Vercel) /旧 Hexo バージョン/中文/日本語/ 한국어 / Español / ไทย

README バージョン: 2024-09-10

特徴

• Astro および Tailwind CSS で構築

• スムーズなアニメーションとページ遷移

• ライト/ダークモード

• カスタマイズ可能なテーマカラーとバナー

• レスポンシブデザイン

• コメント

• 検索

• 目次

使用方法

1. このテンプレートから新しいリポジトリを生成するか、このリポジトリをフォークします。

2. ブログをローカルで編集するには、リポジトリのクローンを作成し、 pnpm installおよびpnpm add sharpを実行して依存関係をインストールします。

• pnpm をインストールしていない場合はnpm install -g pnpmインストールします。

3. 構成ファイルsrc/config.tsを編集してブログをカスタマイズします。

4. pnpm new-post <filename>を実行して新しい投稿を作成し、 src/content/posts/で編集します。

5. ガイドに従って、ブログを Vercel、Netlify、GitHub Pages などにデプロイします。デプロイの前に、 astro.config.mjsでサイト構成を編集する必要があります。

投稿の前付け

---title: 私の最初のブログPostpublished: 2023-09-09description: これは新しい Astro ブログの最初の投稿です。image: ./cover.jpgtags: [Foo, Bar]category: Front-enddraft: falselang: jp #投稿の言語が `config.ts` 内のサイトの言語と異なる場合にのみ設定します---

コマンド

すべてのコマンドは、プロジェクトのルートまたはターミナルから実行されます。

指示	アクション
pnpm installおよびpnpm add sharp	依存関係をインストールします
pnpm dev	localhost:4321でローカル開発サーバーを起動します
pnpm build	運用サイトを./dist/に構築します。
pnpm preview	デプロイする前にビルドをローカルでプレビューする
pnpm new-post <filename>	新しい投稿を作成する
pnpm astro ...	astro add 、 astro checkなどの CLI コマンドを実行します。
pnpm astro --help	Astro CLI を使用してヘルプを表示する