Astro ブログ

このプロジェクトは、Astroを使用して構築されたブログです。

https://blog.kiakiraki.dev/

プロジェクト構造

├── public/
├── src/
│   ├── assets/          # 画像などのアセット
│   ├── components/      # Astroコンポーネント
│   ├── content/         # ブログ記事などのコンテンツ
│   ├── layouts/         # ページのレイアウト
│   ├── pages/           # 各ページのファイル
│   ├── styles/          # グローバルスタイル
│   ├── utils/           # ユーティリティ関数
│   └── consts.ts        # 定数定義
├── astro.config.mjs   # Astroの設定ファイル
├── package.json
└── tsconfig.json

• src/assets/: サイトで使用する画像などのアセットを管理します。
• src/styles/: グローバルスタイルをまとめたCSSファイルを配置します。
• src/utils/: 共通で使うユーティリティ関数を置きます。
• src/consts.ts: サイト共通の定数を定義します。
• src/pages/: 各ページのファイルが配置されます。ファイル名に基づいてルーティングが生成されます。
• src/components/: 再利用可能なAstroコンポーネントを配置します。
• src/content/: ブログ記事などのコンテンツをMarkdownやMDX形式で管理します。
• public/: 画像などの静的ファイルを配置します。

コマンド

コマンド	説明
npm install	依存関係をインストールします
npm run dev	開発サーバーを起動します (localhost:4321)
npm run build	プロダクション用にビルドします (./dist/)
npm run preview	ビルドされたサイトをローカルでプレビューします

デプロイ

このプロジェクトは Cloudflare Pages を使用してデプロイされています。

参考

• Astro ドキュメント
• Astro Discord