Adding a theme to your GitHub Pages site using Jekyll
You can personalize your Jekyll site by adding and customizing a theme.
GitHub 页面 可用于具有 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 页面 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 页面 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 页面."
-
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 页面 site. -
在页面底部,键入简短、有意义的提交消息,描述您对文件所做的更改。您可以在提交消息中将提交归因于多个作者。更多信息请参阅“创建多个合作作者的提交."
-
在 commit message(提交消息)字段下方,决定要将提交添加到当前分支还是添加到新分支。如果当前分支为
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 页面."
-
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 页面."
-
Create a file called _layouts/default.html.
-
Paste the default layout content you copied earlier.
-
根据需要自定义布局。
延伸阅读
- "创建新文件"