How to Set Up GitHub for Hosting Static HTML Pages

1. Create a GitHub Account

  1. Go to https://github.com.
  2. Click Sign Up.
  3. Follow the steps to create an account (choose a username, email, and password).
  4. Verify your email address.

2. Install GitHub Desktop

  1. Go to https://desktop.github.com and download GitHub Desktop for your operating system.
  2. Install the application following the on-screen instructions.
  3. Open GitHub Desktop and sign in with your GitHub account.

3. Create a New Repository

  1. In GitHub Desktop, click File > New Repository.
  2. Give your repository the name csc336-fall2025.
  3. Choose a local folder for the repository on your computer.
  4. Click Create Repository.

4. Add Your HTML File

  1. Move your index.html (and any other files) into the local repository folder you just created.
  2. In GitHub Desktop, you will see the changes listed under Changes.
  3. Write a short commit message (e.g., "Add initial index.html") and click Commit to main.
  4. Click Push origin to upload your files to GitHub.

5. Enable GitHub Pages

  1. Go to your repository on GitHub.com.
  2. Click the Settings tab.
  3. Scroll down to the Pages section.
  4. Under Branch, select main and click Save.
  5. After a minute, GitHub will provide a live URL for your site.

6. Visit Your Site

Your site will be live at:

https://<your-username>.github.io/csc336-fall2025/

Example: https://mtreanor.github.io/csc336-fall2025/

Tips