Deploying Simple website using GitHub Pages [Beginner]
GitHub is the most popular online Version Control System and Code hosting platform.
To get started with Git and GitHub, you can go through https://medium.com/code-dementia/why-and-how-you-should-start-using-git-github-right-now-28617df72545
We’ll use GitHub and its service GitHub Pages to deploy our first website, which will have its own URL and can be accessible over the internet.
Note: You can host only Static websites on GitHub Pages, i.e. those with HTML+CSS+JavaScript only.
As you have your GitHub account set up, make a new repository by pressing + sign on top-right corner. Click New Repository. Give repository a name and then click Create Repository.
Note: Keep the repository Public else GitHub Pages won’t work.
Upload your HTML+CSS website files to the repository by clicking ‘uploading an existing file.’
Make sure to name main HTML file as index.html only.
Drag and drop your HTML-CSS files on the next screen.
As you have uploaded index.html and other files, go to settings tab on your repository.
Scroll down to GitHub Pages section. Change Source from None to Master branch of your repository.
The page will refresh, and check the same section again.
There will be a link shown as in the image here.
That would be the link to your website!
You can check out the repository used here in tutorial at https://github.com/meet59patel/github-pages-tutorial and website is at https://meet59patel.github.io/github-pages-tutorial/
And we are done publishing our first website online using GitHub Pages for free!
To go advanced with GitHub Pages, go through the official documentation here: https://pages.github.com/
Know more about web development at https://medium.com/code-dementia/a-web-development-guide-for-absolute-beginners-where-to-start-and-how-to-progress-2019-a5c0ce1bf431.
Read more articles by Developer Student Club, DAIICT at https://medium.com/code-dementia.
