GitHubリポジトリからドキュメントをホスティングする方法
GitHubリポジトリにMarkdownファイルがあります。それらを、検索可能で、ブランドに合わせてカスタマイズされ、Googleにインデックス登録され、モバイルでも読みやすい実際のURLで公開したいとします。リポジトリが信頼できる唯一の情報源であり、Webサイトはその表層です。
そこに到達するための一般的な方法は3つあります。このチュートリアルでは、それぞれの方法について、実際の設定手順とトレードオフを説明します。
すでに何を持っていますか?#
一般的なドキュメントリポジトリは次のようになっています:
my-product/
├── README.md
├── docs/
│ ├── getting-started.md
│ ├── api-reference.md
│ └── guides/
│ └── webhooks.md
これをウェブサイトにしたい場合、現実的な選択肢は次の3つです:
- GitHub Pages — 無料、ありのまま、手動
- Docusaurus — コード中心、セルフホスティング、テーマコンポーネントまでカスタマイズ可能
- Docsbook — 即時利用可能、マネージド、URLを貼り付けるだけ
オプション1:Jekyllを使用したGitHub Pages#
GitHub Pagesは、リポジトリのブランチから静的サイトを無料で提供します。_config.ymlがあると、Jekyllを認識してMarkdownをレンダリングします。
手順#
- リポジトリのルートに
_config.ymlを作成します:theme: jekyll-theme-minimal title: My Product Docs - リポジトリの設定 → Pagesに移動します
- ソースを
mainブランチの/docsフォルダーに設定します - 数分待つと、サイトが
username.github.io/repoで公開されます
得られるもの#
- 動作するURL
- 基本テーマ
- 無料ホスティング
不足しているもの#
- 検索機能がない
- 手動で設定しない限り、ナビゲーションサイドバーがない
- 分析機能がない
- Jekyllのテーマは2014年のように見える
- カスタムドメインは使えるが、DNSとSSLは自分で設定する必要がある
- AI機能も翻訳機能も、標準のSEO機能もない
社内Wikiには適しています。ドキュメントを顧客向けのプロダクトの一部として提供する場合には適していません。
オプション2:Docusaurus#
Docusaurusは、Metaのオープンソースのドキュメントフレームワークです。Reactベースで、個々のコンポーネントに至るまでテーマをカスタマイズできます。ただし、その保守を引き受ける覚悟があればの話です。
手順#
- ローカルに Node.js 18 以降をインストールする
- プロジェクトを初期構築する:
npx create-docusaurus@latest my-docs classic cd my-docs - Docusaurus が作成した
docs/フォルダーに既存の Markdown ファイルを移動する docusaurus.config.jsを編集する — サイトタイトル、ベース URL、サイドバー構造、テーマカラー、ナビゲーション項目を設定するsidebars.jsを編集する — 各ファイルを表示する順序を指定するnpm run startを実行してローカルでプレビューする- ビルドする:
npm run build - Vercel、Netlify、または GitHub Pages にデプロイする — デプロイパイプライン、環境変数、ビルドコマンドを設定する
- カスタムドメインを設定する — DNS を指定し、SSL のプロビジョニングを待つ
- アナリティクスを追加する — Plausible、GA、または任意のツールを手動で統合する
- 検索機能を追加する — Algolia DocSearch の料金を支払う(または Meilisearch をセルフホストする)
- 製品をリリースするたびにすべてを更新する
得られるもの#
- デザインと構造を完全にコントロール
- 拡張可能な React コードベース
- 長く続くオープンソースコミュニティ
不足しているもの#
- 時間。実際のセットアップには2~3日かかり、その後は依存関係が更新されるたびに継続的なメンテナンスが必要
- AI検索、AIチャット、AI翻訳 — 含まれていません
- 設定のすべての行を自分で管理します
ドキュメント自体がチームで所有し、公開するプロダクトである場合には適しています。ドキュメントをオンラインで公開したいだけの場合には、負担が大きくなります。
オプション 3: Docsbook#
Docsbook は、GitHub リポジトリを瞬時にドキュメントサイトへ変換するマネージドプラットフォームです。CI/CD、設定ファイル、ビルドパイプラインは一切必要ありません。
手順#
- docsbook.io にアクセスします
- GitHub でサインインします
- リポジトリの URL(例:
github.com/your-org/your-repo)を貼り付けます - 完了 — サイトは
docsbook.io/your-org/your-repoで公開されます
これだけです。main への git push ごとに、サイトが自動的に更新されます。
最初から利用できるもの#
- AIチャットボット ドキュメントを学習しているため、ユーザーは検索結果ではなく回答を得られます
- AI翻訳 15言語に対応し、それぞれがGoogleに個別にインデックスされます
- カスタムドメイン
docs.yourcompany.comなどを無料のSSL付きで利用できます - SEO — メタタグ、サイトマップ、OpenGraph、JSON-LDをすべて自動で設定
llms.txtAI検索エンジン(ChatGPT、Perplexity、Claude)向けに生成- アナリティクス — ページビュー、人気ページ、参照元、質問されたAIへの質問を確認できます
- ブランドのカスタマイズ — コードに触れることなく、ロゴ、色、フォント、テーマを変更できます
- MCPサーバー AIエージェントがプログラムからドキュメントを読み取り、管理できるようにします
不足しているもの#
- レンダリングパイプラインを所有することはできませんが、Markdownはリポジトリに残るため、ロックインされることはありません。いつでもキャンセルでき、ドキュメントも一緒に持ち出せます。
どのオプションを選ぶべきですか?#
| 用途 | 選択肢 |
|---|---|
| 個人プロジェクト、社内ウィキ | GitHub Pages |
| フロントエンドチームがあり、デザインにこだわりがある | Docusaurus |
| 今日の午後からドキュメントを公開し、SEOにも対応したい | Docsbook |
率直に言うと、ドキュメントが製品そのものでないなら、ドキュメントプラットフォームを構築しないでください。既存のものを使いましょう。
試してみる#
GitHub からドキュメントをホスティングするには、以前は設定リポジトリ、デプロイパイプライン、そして定期的なクリーンアップが必要でした。リポジトリの URL を貼り付けるだけでサイトが公開されます。Markdown がリポジトリの外に出ることはないため、移行は元に戻せます。
次のステップ#
- README.mdをドキュメントサイトに変換する — オプション3の最短版
- ドキュメント用のカスタムドメイン — 完成したサイトを
docs.yourcompany.comに移行する - 無料のドキュメントホスティングを比較する — 同じ3つの方法をさらに3つのサービスと比較
- ドキュメントのSEOガイド — 公開したサイトを検索可能にする