Host HTML on GitHub Pages without using git
This is a companion post for easy and free ways to host a static website. Here’s how you can use the GitHub web interface to make a new HTML website without touching git or the command line!
Open GitHub in your browser, login (or make an account and login) then go to New Repository
Enter some details for the repository and click on Create - you don’t need to initialise it with any files.
When it’s created, you’ll see the Quick Setup screen. Click on the link to create a README file, we’re going to use it to make an index.html instead.
Now you’re in a file editor. Change the filename to index.html and put your HTML in the file content. You can borrow the HTML I wrote. When you’re done, scroll down and click on the ‘Commit’ button.
You’ll be taken back to the repository files view. Click on the repo ‘Settings’ cog.
Scroll down to GitHub Pages, open the dropdown, and choose the ‘master’ branch. Then click ‘Save’
When you’re done, scroll back down to that section and it will now have a link to your site. For me, it’s https://stegriff.github.io/static-web/. You can use this config section to set up custom domains to point to your site!
Here’s one I made earlier:
This works like any HTML site, and you can add more HTML, CSS, images, and JavaScript by using the ‘Create new file’ or ‘Upload files’ buttons on the repository front page.