DEV Community

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

Posted on β€’ Edited on

5

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 πŸ‘¨πŸ»β€πŸ’»

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (2)

Collapse
 
joeyschulz profile image
JoeySchulz β€’

nice work!

Collapse
 
therickedge profile image
Rithik Samanthula β€’

Thank YouπŸŽ‰πŸŽ‰

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

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay