satnaing/astro-paper

これは何？

主な機能

• 01型安全なコンテンツに対応したMarkdownおよびMDXサポート
• 02Pagefindを利用した静的検索
• 03定義済みのカラースキームを備えたライトモードとダークモード
• 04サイトマップ、RSSフィード、SEOメタデータ
• 05記事用Open Graph画像の動的生成
• 06キーボード操作とスクリーンリーダーに対応したデザイン

ユースケース

• 静的ホストで個人ブログや技術ブログを立ち上げる
• 下書き記事やページネーションに対応したブログサイトを公開する
• バックエンドなしで検索できるMarkdownベースのブログを始める

クイックスタート

1. 1

   pnpmを使ってテンプレートから新しいプロジェクトを作成する

   pnpm create astro@latest --template satnaing/astro-paper
2. 2

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

   pnpm install
3. 3

   ローカルの開発サーバーを起動する

   pnpm dev

使う前に知っておきたいこと

• !Astroで構築されているため、ローカル環境にNode.jsとpnpmのツールチェーンをセットアップする必要があります。

トピック

よくある質問

astro-paper とは？

Astro、TypeScript、Tailwind CSS、Pagefind検索を使った、ミニマルでアクセシブル、SEOに配慮したブログテーマ。 AstroPaperは、静的サイトジェネレーターAstro向けのブログテーマです。MarkdownまたはMDXで記事を書ける、すぐに使えるレイアウトを備え、型安全なコンテンツ、下書き記事、ページネーション、折りたたみ可能な目次、ライトモードとダークモードに対応しています。

astro-paper は無料で使えますか？ライセンスは？

astro-paper は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

astro-paper は今もメンテナンスされていますか？

活発にメンテナンス中。astro-paper の最終コミットは 2026年10月21日 です。

astro-paper は何に使えますか？

静的ホストで個人ブログや技術ブログを立ち上げる 下書き記事やページネーションに対応したブログサイトを公開する バックエンドなしで検索できるMarkdownベースのブログを始める

astro-paper のインストール方法は？

pnpmを使ってテンプレートから新しいプロジェクトを作成する: pnpm create astro@latest --template satnaing/astro-paper 依存関係をインストールする: pnpm install ローカルの開発サーバーを起動する: pnpm dev

astro-paper はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/satnaing/astro-paper