リポジトリへの書き込み権限があるユーザは、Jekyll を使用して GitHub Pages サイトにテーマを追加できます。
Changes to your site are published automatically when the changes are merged into your site's publishing source. If you want to preview your changes first, you can make the changes locally instead of on GitHub Enterprise Server. そしてサイトをローカルでテストしてください。 詳しい情報については、「Jekyll を使用して GitHub Pages サイトをローカルでテストする」を参照してください。
テーマを追加する
-
GitHub Enterprise Serverで、サイトのリポジトリにアクセスしてください。
-
サイトの公開ソースにアクセスしてください。 For more information, see "Configuring a publishing source for your GitHub Pages site."
-
_config.yml に移動します。
-
ファイルビューの右上の隅で、 をクリックしてファイルエディタを開きます。
-
テーマ名のために、ファイルに新しい行を追加します。
- サポートされているテーマを使用するには、
theme: THEME-NAME
と入力し、テーマのリポジトリの README に表示されているテーマの名前に THEME-NAME を置き換えます。 サポートされているテーマのリストについては、GitHub Pages サイトで「サポートされているテーマ」を参照してください。 - GitHub にホストされているその他の任意の Jekyll テーマを使うには、
remote_theme: THEME-NAME
と入力します。THEME-NAME の部分は、テーマのリポジトリの README に表示されている名前に置き換えます。
- サポートされているテーマを使用するには、
-
ページの下部で、ファイルに対して行った変更を説明する短く分かりやすいコミットメッセージを入力してください。 コミットメッセージでは、複数の作者にコミットを関連づけることができます。 詳しい情報については「複数の共作者を持つコミットの作成」を参照してください。
-
コミットメッセージフィールドの下で、コミットを追加を現在のブランチか新しいブランチから選択してください。 現在のブランチがデフォルトブランチなら、コミット用に新しいブランチを作成してからPull Requestを作成すべきです。 詳しい情報については「新しいプルリクエストの作成」を参照してください。
-
[Propose file change] をクリックします。
テーマの CSS をカスタマイズする
テーマのソースリポジトリには、テーマのカスタマイズに関するヘルプがあるかもしれません。 例として「MinimaのREADME」を参照してください。
-
GitHub Enterprise Serverで、サイトのリポジトリにアクセスしてください。
-
サイトの公開ソースにアクセスしてください。 For more information, see "Configuring a publishing source for your GitHub Pages site."
-
/assets/css/style.scss という新しいファイルを作成します。
-
ファイルの先頭に、以下の内容を追加します。
--- --- @import "{{ site.theme }}";
-
カスタム CSS または Sass (インポートファイルも含む) があれば
@import
行の直後に追加します。
テーマの HTML レイアウトをカスタマイズする
テーマのソースリポジトリには、テーマのカスタマイズに関するヘルプがあるかもしれません。 例として「MinimaのREADME」を参照してください。
- GitHub 上で、テーマのソースリポジトリにアクセスします。 たとえば、Minima のソースリポジトリは https://github.com/jekyll/minima です。
- _layouts フォルダ内で、テーマの default.html ファイルに移動します。
- ファイルのコンテンツをコピーします。
- GitHub Enterprise Serverで、サイトのリポジトリにアクセスしてください。
- サイトの公開ソースにアクセスしてください。 For more information, see "Configuring a publishing source for your GitHub Pages site."
- _layouts/default.html というファイルを作成します。
- 先ほどコピーしたデフォルトのレイアウトコンテンツを貼り付けます。
- 必要に応じてレイアウトをカスタマイズします。