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

このバージョンの GitHub Enterprise はこの日付をもって終了となりました: 2022-06-03. 重大なセキュリティの問題に対してであっても、パッチリリースは作成されません。 パフォーマンスの向上、セキュリティの改善、新機能のためには、最新バージョンのGitHub Enterpriseにアップグレードしてく� さい。 アップグレードに関する支援については、GitHub Enterprise supportに連絡してく� さい。

Jekyll を使用して GitHub Pages サイトにテーマを追� する

テーマを追� およびカスタマイズすることにより、Jekyll サイトをパーソナライズできます。

GitHub Pagesは、GitHub Free及びOrganizationのGitHub Freeのパブリックリポジトリ、GitHub Pro、GitHub Team、GitHub Enterprise Cloud、GitHub Enterprise Serverのパブリック及びプライベートリポジトリで利用できます。

リポジトリへの書き込み権限があるユーザは、Jekyll を使用して GitHub Pages サイトにテーマを追� できます。

変更がサイトの公開ソースにマージされると、サイトへの変更は自動的に公開されます。 まず変更をプレビューしたいなら、GitHub Enterprise Serverではなくローカルで変更を行えます。 そしてサイトをローカルでテストしてく� さい。 詳しい情� �については、「Jekyll を使用して GitHub Pages サイトをローカルでテストする」を参照してく� さい。

テーマを追� する

  1. GitHub Enterprise Serverで、サイトのリポジトリにアクセスしてく� さい。

  2. サイトの公開ソースにアクセスしてく� さい。 公開元に関する詳しい情� �については、「GitHub Pages について」を参照してく� さい。

  3. _config.yml に移動します。

  4. ファイルビューの右上の隅で、 をクリックしてファイルエディタを開きます。 ファイルの編集ボタン

  5. テーマ名のために、ファイルに新しい行を追� します。

    • サポートされているテーマを使用するには、theme: THEME-NAME と入力し、テーマのリポジトリの README に表示されているテーマの名前に THEME-NAME を置き換えます。 サポートされているテーマのリストについては、GitHub Pages サイトで「サポートされているテーマ」を参照してく� さい。 設定ファイルでサポートされているテーマ
    • GitHub にホストされているその他の任意の Jekyll テーマを使うには、remote_theme: THEME-NAME と入力します。THEME-NAME の部分は、テーマのリポジトリの README に表示されている名前に置き換えます。 設定ファイルでサポートされていないテーマ
  6. ページの下部で、ファイルに対して行った変更を説明する短く分かりやすいコミットメッセージを入力してく� さい。 コミットメッセージでは、複数の作者にコミットを関連づけることができます。 詳しい情� �については「複数の共作者を持つコミットの作成」を参照してく� さい。 変更のコミットメッセージ

  7. コミットメッセージフィールドの下で、コミットを追� を現在のブランチか新しいブランチから選択してく� さい。 現在のブランチがデフォルトブランチなら、コミット用に新しいブランチを作成してからPull Requestを作成すべきです。 詳しい情� �については「新しいプルリクエストの作成」を参照してく� さい。 コミットブランチのオプション

  8. [Propose file change] をクリックします。 ファイル変更の提案ボタン

テーマの CSS をカスタマイズする

テーマのソースリポジトリには、テーマのカスタマイズに関するヘルプがあるかもしれません。 例として「MinimaのREADME」を参照してく� さい。

  1. GitHub Enterprise Serverで、サイトのリポジトリにアクセスしてく� さい。

  2. サイトの公開ソースにアクセスしてく� さい。 公開元に関する詳しい情� �については、「GitHub Pages について」を参照してく� さい。

  3. /assets/css/style.scss という新しいファイルを作成します。

  4. ファイルの先� �に、以下の内容を追� します。

    ---
    ---
    
    @import "{{ site.theme }}";
    
  5. カスタ�  CSS または Sass (インポートファイルも含む) があれば @import 行の直後に追� します。

テーマの HTML レイアウトをカスタマイズする

テーマのソースリポジトリには、テーマのカスタマイズに関するヘルプがあるかもしれません。 例として「MinimaのREADME」を参照してく� さい。

  1. GitHub 上で、テーマのソースリポジトリにアクセスします。 たとえば、Minima のソースリポジトリは https://github.com/jekyll/minima です。
  2. _layouts フォルダ内で、テーマの default.html ファイルに移動します。
  3. ファイルのコンテンツをコピーします。
  4. GitHub Enterprise Serverで、サイトのリポジトリにアクセスしてく� さい。
  5. サイトの公開ソースにアクセスしてく� さい。 公開元に関する詳しい情� �については、「GitHub Pages について」を参照してく� さい。
  6. _layouts/default.html というファイルを作成します。
  7. 先ほどコピーしたデフォルトのレイアウトコンテンツを貼り付けます。
  8. 必要に応じてレイアウトをカスタマイズします。

参考リンク