ドキュメントには頻繁に更新が加えられ、その都度公開されています。本ページの翻訳はまだ未完成な部分があることをご了承ください。最新の情報については、英語のドキュメンテーションをご参照ください。本ページの翻訳に問題がある場合はこちらまでご連絡ください。

Jekyll テーマ選択画面を使用して GitHub Pages サイトに Jekyll テーマを追加する

GitHub Pages は、GitHub Free のパブリックリポジトリ、GitHub Pro のパブリックおよびプライベートリポジトリ、GitHub Team、GitHub Enterprise Cloud、GitHub Enterprise Server で利用いただけます。詳細は「GitHub の製品」を参照してください。

GitHub Pagesサイトの作成、あるいは既存の GitHub Pagesサイトのテーマ変更に Jekyll テーマ選択画面を使うことができます。

GitHub Pagesサイトには、サイトの _config.yml ファイルを編集することで手作業で Jekyll のテーマを追加することもできます。 詳しい情報についてはGitHub 上の Jekyll テーマについてを参照してください。

  1. まだ GitHub Pagesサイトのリポジトリを持っていない場合は、README と合わせて新しいリポジトリを作成してください。 新しいリポジトリは、パブリックでもプライベートでもかまいません。 リポジトリがプライベートでも、公開したサイトはパブリックになります。

    参考: ユーザあるいは Organization の GitHub Pagesサイトを作成するには、リポジトリを所有するユーザもしくは Organization の名前を使ってリポジトリ<username>.github.io

の名前を付けなければなりません。 異なるリポジトリ名を選択した場合、Jekyll テーマ選択画面は自動的にプロジェクト Pages サイトを作成します。 詳しい情報についてはユーザ、Organization、プロジェクト Pagesを参照してください。

  1. GitHub Pagesサイトのリポジトリにアクセスしてください。

  2. リポジトリ名の下で [Settings] をクリックします。

    リポジトリの設定ボタン

  3. 設定ページでスクロールダウンして "GitHub Pages" の下で以下のようにしてください。

  1. テーマの選択ページで、テーマのオプションをレビューしてください。 テーマを選択するには、使いたいテーマをクリックし、[Select theme] をクリックします。

    他のテーマの選択肢からテーマを選択

  2. 新しい GitHub Pagesサイトを作成している場合は、サイトの README.md ファイルを編集するよう求められます。 この編集を後でする場合は [ Cancel] をクリックします。 すぐに編集する場合は、リポジトリ中でのファイルの編集を参照し、変更を master ブランチにコミットします。

    Cancel link when editing a file

  3. リポジトリ名の下で [Settings] をクリックします。

    リポジトリの設定ボタン

  4. サイトをプレビューするには、"GitHub Pages" の下で GitHub Pagesサイトの URL をクリックします。 トラブルシューティングの参考として、GitHub Pagesの構築のトラブルシューティングを参照してください。

    プレビューの Pages サイトへのリンク

Jekyll サイトのさらなるカスタマイズ

Jekyll テーマの CSS あるいは HTML レイアウトを変更したい場合は、Jekyll テーマ内の CSS および HTML のカスタマイズを参照してください。

サイトへのページの追加

他のページやポストの GitHub Pagesサイトへの追加についてさらに学ぶには、Jekyll の公式ドキュメンテーションのページあるいはポストを参照してください。 サイトに追加した他のページやポストは、使用している Jekyll のテーマのスタイルやレイアウトを共有します。

サイトの URL のカスタマイズ

サイトの URL のカスタマイズについてさらに学ぶには、GitHub Pages でのカスタムドメインの利用を参照してください。

異なる公開ソースまたはブランチの選択

リポジトリの gh-pages ブランチを使って、あるいは docs から GitHub Pagesサイトを公開する場合は、GitHub Pages の公開ソースの設定を参照してください。

参考リンク

担当者にお尋ねください

探しているものが見つからなかったでしょうか?

弊社にお問い合わせください