1
0
mirror of synced 2025-12-21 10:57:10 -05:00
Files
docs/content/pages/getting-started-with-github-pages/adding-a-theme-to-your-github-pages-site-with-the-theme-chooser.md
2021-06-24 11:02:53 -07:00

3.6 KiB
Raw Blame History

title, intro, redirect_from, product, versions, topics, shortTitle
title intro redirect_from product versions topics shortTitle
Adding a theme to your GitHub Pages site with the theme chooser You can add a theme to your {% data variables.product.prodname_pages %} site to customize your sites look and feel.
/articles/creating-a-github-pages-site-with-the-jekyll-theme-chooser/
/articles/adding-a-jekyll-theme-to-your-github-pages-site-with-the-jekyll-theme-chooser/
/articles/adding-a-theme-to-your-github-pages-site-with-the-theme-chooser
/github/working-with-github-pages/adding-a-theme-to-your-github-pages-site-with-the-theme-chooser
{% data reusables.gated-features.pages %}
fpt
*
Pages
Add theme to a Pages site

People with admin permissions for a repository can use the theme chooser to add a theme to a {% data variables.product.prodname_pages %} site.

About the theme chooser

The theme chooser adds a Jekyll theme to your repository. For more information about Jekyll, see "About {% data variables.product.prodname_pages %} and Jekyll."

How the theme chooser works depends on whether your repository is public or private.

  • If {% data variables.product.prodname_pages %} is already enabled for your repository, the theme chooser will add your theme to the current publishing source.
  • If your repository is public and {% data variables.product.prodname_pages %} is disabled for your repository, using the theme chooser will enable {% data variables.product.prodname_pages %} and configure the default branch as your publishing source.
  • If your repository is private and {% data variables.product.prodname_pages %} is disabled for your repository, you must enable {% data variables.product.prodname_pages %} by configuring a publishing source before you can use the theme chooser.

For more information about publishing sources, see "About {% data variables.product.prodname_pages %}."

If you manually added a Jekyll theme to your repository in the past, those files may be applied even after you use the theme chooser. To avoid conflicts, remove all manually added theme folders and files before using the theme chooser. For more information, see "Adding a theme to your {% data variables.product.prodname_pages %} site using Jekyll."

Adding a theme with the theme chooser

{% data reusables.pages.navigate-site-repo %} {% data reusables.repositories.sidebar-settings %} {% data reusables.pages.sidebar-pages %} 3. Under "{% data variables.product.prodname_pages %}," click Choose a theme or Change theme. Choose a theme button 4. On the top of the page, click the theme you want, then click Select theme. Theme options and Select theme button 5. You may be prompted to edit your site's README.md file.

Your chosen theme will automatically apply to markdown files in your repository. To apply your theme to HTML files in your repository, you need to add YAML front matter that specifies a layout to each file. For more information, see "Front Matter" on the Jekyll site.

Further reading