This tutorial will explain how you can put your website online, for free, using Github.
You don't need any previous experience to follow along, but you will need a website that you want to publish.
What is Github Pages?
Github is a website people use to share their code. It keeps track of all the different code versions, lets you follow other people's projects and lets people work together on projects.
How to publish your website
Create a github acount
Open up github and create an account.
By the end of this tutorial the website will be accessible by going to
<your-github-username>.github.ioso pick the username based on that.
You'll need to confirm your email after you sign up. This will take you to the page for creating a repository.
Create a repository
After confirming your email, you'll be taken to a page that looks like this:
For the repository name, enter:
Upload your files
On the next page that appears select
upload an existing file.
Using the file explorer, open the folder your website is in. If you downloaded the file at the beginning of the tutorial, this would be the folder the
index.htmlfile is in.
Drag the the website files into the upload area. If you're using the example file, you only need to drag the
index.htmlfile into this area.
After the files have finished uploading, click the
When the files have finished processing, you're all done! You can head to
https://<your-github-username>.github.io to see your website.
Updating your site
Whenever you want to update your site, you'll need to login into Github and go to the repository page. The URL for this will be
Upload files button, and upload your updated website files. When the files have finished processing, the changes will show up on your web page.
You may need to refresh your browser's cache to see the changes right away. You can do this on Windows and Linux by using theCtrl+⇧ Shift+Rkeyboard shortcut.
On Mac you need to do⌥ Opt+⌘ Cmd+Ethen⌘ Cmd+R
You may want to bookmark the upload page to make it easier to get to.
Thanks for reading!
I hope you found it helpful. If you have any questions or feedback don't hesitate to drop me an email.
And if you like my content, consider supporting me using one of the methods on that page. It helps me keep making content.