Publishing to GitHub Pages

You can post your site on the Internet for free with GitHub Pages. The URL will have 'github.io' in it, but you will be able to show it as a prototype to your clients and colleagues.

Step-by-step here:

  1. On GitHub, navigate to your site's repository.

  2. Under your repository name, click Settings.

    Repository settings button
  3. In the left sidebar, click Pages.

    Page tab in the left-hand sidebar
  4. Under "GitHub Pages", use the None or Branch drop-down menu and select a publishing source.

    Drop-down menu to select a publishing source
  5. Optionally, use the drop-down menu to select a folder for your publishing source.

    Drop-down menu to select a folder for publishing source
  6. Click Save.

    Button to save changes to publishing source settings

How to find the URL of the published folder/file:

  1. Identify the folder path in your Github repository, and the name of the file you're trying to load in the browser URL:

    Screenshot 2021-04-09 114348.jpg
  2. Those will correspond to the browser URL for page published on Github.io:

    Screenshot 2021-04-09 114502.jpg