Creating websites for your projects is easy with GitHub Pages. This site is an example - a simple GitHub Pages website, hosted through github.io, written primarily in Markdown and using a simple Jekyll theme (Caymen), also provided by GitHub. The video below offers a quick introduction to this service.
<iframe width="560" height="315" src="https://www.youtube.com/embed/2MsN8gpT6jY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>To create a GitHub pages site for a particular project, you:
- login to your GitHub account and create a new repository, or go to an existing one
- click on the Settings tab on the upper right of the project page
- scroll down to the GitHub Pages section. Press Choose a theme to select a Jekyll theme, or simply select the Master branch as the source if you'd like to build your site from scratch
- Now you can use the online editor to add to maintain and preview the content for your website in Markdown files, or make changes locally and push them to your project repo via git
Whenever I commit to this repository, whether on my local machine or by editing files directly on GitHub, GitHub Pages will automatically run Jekyll to rebuild the pages in the site, from the content in the associated Markdown files.
But it doesn't need to be the only page. You can create new pages for your site in GitHub or locally with git, and then add them to your index to build a more complete website. (Note that I could also have used html for this site, if I had named this page index.html.)
For example, here's a link to another page in this repo, which includes additional resources for learning Markdown.
Your Pages site will use the layout and styles from the Jekyll theme you have selected in your repository settings. The name of this theme is saved in the Jekyll _config.yml
configuration file.
You can learn more about Jekyll websites here.
To learn more about structuring your site with custom templates, see this great guide by Jonathan McGlone
Find more info about GitHub Pages here
For instructions on how to create a copy of this repo in your own GitHub account and (optionally) to use git to manage your project files, see this walkthrough
For more information about version control with git, see this quick introduction
For help incorporating mathematical notations using MathJax in your site, see this page
Having trouble with Pages? Check out more documentation.