DEV Community

Cover image for How to Deploy your Website using GitHub Pages
Rithik Samanthula
Rithik Samanthula

Posted on • Updated on

How to Deploy your Website using GitHub Pages

Do you have an HTML website that you want to host and share with your friends?

Well, you are at the right place

Let's Get Started!

I am going to teach you how to deploy your website using our All-time favorite software - GitHub!

First Off, Create a New Repo:

Screen Shot 2021-02-05 at 2.25.39 PM

Then, Add the Repo Details:

Screen Shot 2021-02-05 at 2.29.14 PM

Then, click on Upload files

Screen Shot 2021-02-05 at 2.31.18 PM

Then, upload the files and commit changes

Screen Shot 2021-02-05 at 2.33.11 PM

Then, Jump to SettingsScreen Shot 2021-02-05 at 2.34.22 PM

Then, scroll down to GitHub Pages and select the same options as me and click save:

Screen Shot 2021-02-05 at 2.35.34 PM

Then, wait for a while

Screen Shot 2021-02-05 at 2.36.09 PM

After 2-3 minutes, you will see something like this:

Screen Shot 2021-02-05 at 2.37.12 PM

Now, click on the link and VOILA! You will be able to view your website

Screen Shot 2021-02-05 at 2.38.22 PM

Hope you loved this Blog. Make sure to comment and like this Blog Post.

If you need any help with this, please do reach out to me in the Comments

Check out this blog on Medium: https://code2rithik.medium.com/how-to-deploy-your-website-using-github-pages-e63284724ac0

Keep Coding Y'all πŸ‘¨πŸ»β€πŸ’»

Discussion (2)

Collapse
joeyschulz profile image
JoeySchulz

nice work!

Collapse
code2rithik profile image
Rithik Samanthula Author

Thank YouπŸŽ‰πŸŽ‰

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!