BANA409BANA409
LecturesCode Management

Github Pages

Github pages enable you to host static website using Github. By default, the README.md will be the default landing page once Github Pages is configured.

  • create a repo, upload files and update README.md - a sample repo: https://github.com/harrywang/sample-project

  • click Settings —> Pages:

    Screen Shot 2022-10-22 at 8.27.03 PM.png

  • Choose main branch and save:

    Screen Shot 2022-10-22 at 8.55.48 PM.png

  • Wait for a few minutes and your website should be ready with the default theme.

    Screen Shot 2022-10-22 at 8.58.46 PM.png

    Screen Shot 2022-10-22 at 9.06.19 PM.png

  • Add a theme by creating _config.yml and add the theme information based on each theme’s documentation. All supported themes are listed: https://pages.github.com/themes/. I use theme as an example (read the repo readme for details).

    Screen Shot 2022-10-22 at 9.16.12 PM.png

    Wait for the website to be deployed and refresh:

    Screen Shot 2022-10-22 at 9.27.00 PM.png

    If you want to use a more complicated and advanced template, you can try the Tailpages template I developed: https://www.harrywang.me/blog/tailpages, which powers my personal website at https://www.harrywang.me/

Github Tutorial

In this tutorial, you need to setup your Github account and perform basic code management tasks. Note that this tutorial does not cover advanced features…

Data App

Next Page