Adding a theme to your GitHub Pages site using Jekyll
You can personalize your Jekyll site by adding and customizing a theme.
GitHub Pages は、GitHub Free のパブリックリポジトリ、GitHub Pro のパブリックおよびプライベートリポジトリ、GitHub Team、GitHub Enterprise Cloud、GitHub Enterprise Server で利用いただけます。
People with write permissions for a repository can add a theme to a GitHub Pages site using Jekyll.
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. Then, test your site locally. For more information, see "Testing your GitHub Pages site locally with Jekyll."
ここには以下の内容があります:
Adding a theme
-
On GitHub Enterprise, navigate to your site's repository.
-
Navigate to the publishing source for your site. For more information about publishing sources, see "About GitHub Pages."
-
Navigate to _config.yml.
-
In the upper right corner of the file view, click to open the file editor.
-
Add a new line to the file for the theme name. Type
theme: THEME-NAME
, replacing THEME-NAME with the name of the theme as shown in the README of the theme's repository. For a list of supported themes, see "Supported themes" on the GitHub Pages site. -
ページの下部で、ファイルに行った変更について述べた短く意味のあるコミットメッセージを入力してください。コミットメッセージ内でコミットを複数の作者に関連付けることができます。詳細は「複数の共同作者を持つコミットを作成する」を参照してください。
-
コミットメッセージフィールドの下で、コミットを現在のブランチに追加するか、新しいブランチを作成するかを判断してください。現在のブランチが
master
なら、コミットに新しいブランチを作成することにして、プルリクエストを作成してください。 -
[Propose file change] をクリックします。
Customizing your theme's CSS
Your theme's source repository may offer some help in customizing your theme. For example, see "Minima's README."
-
On GitHub Enterprise, navigate to your site's repository.
-
Navigate to the publishing source for your site. For more information about publishing sources, see "About GitHub Pages."
-
Create a new file called /assets/css/style.scss.
-
Add the following content to the top of the file:
--- --- @import "";
-
Add any custom CSS or Sass (including imports) you'd like immediately after the
@import
line.
Customizing your theme's HTML layout
Your theme's source repository may offer some help in customizing your theme. For example, see "Minima's README."
-
On GitHub, navigate to your theme's source repository. For example, the source repository for Minima is https://github.com/jekyll/minima.
-
In the _layouts folder, navigate to your theme's default.html file.
-
Copy the contents of the file.
-
On GitHub Enterprise, navigate to your site's repository.
-
Navigate to the publishing source for your site. For more information about publishing sources, see "About GitHub Pages."
-
Create a file called _layouts/default.html.
-
Paste the default layout content you copied earlier.
-
必要に応じてレイアウトをカスタマイズします。