Customizing CSS and HTML in your Jekyll theme

GitHub Pages is available in public repositories with GitHub Free, and in public and private repositories with GitHub Pro, GitHub Team, GitHub Enterprise Cloud, and GitHub Enterprise Server. For more information, see "GitHub's products."

You can personalize your GitHub Pages site by adding custom styles to your Jekyll theme and changing your theme's layout.

We recommend installing Jekyll to test your changes locally before publishing them. Your changes are published on your site after they're merged into your site's publishing branch. For more information, see "Jekyll's build process."

Your Jekyll theme's source repository may also offer some help in customizing your theme. For an example, see the Jekyll theme Minima's README.

These instructions are optimized to work best with Jekyll themes that are officially supported by GitHub Pages. For a complete list, see "Supported themes."

Navigate to your Jekyll theme source repository's default.html file in the _layouts folder on GitHub. For example, navigate to https://github.com/pages-themes/THEME_NAME/blob/master/_layouts/default.html and replace THEME_NAME with the name of your Jekyll theme.

Copy the content of the default.html file.

Tip: Click Raw in the upper-right of the page to change your view of the file to make copying easier.