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

Build gen AI apps that run anywhere with MongoDB Atlas

Build gen AI apps that run anywhere with MongoDB Atlas

MongoDB Atlas bundles vector search and a flexible document model so developers can build, scale, and run gen AI apps without juggling multiple databases. From LLM to semantic search, Atlas streamlines AI architecture. Start free today.

Start Free

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!

Feature flag article image

Create a feature flag in your IDE in 5 minutes with LaunchDarkly’s MCP server 🏁

How to create, evaluate, and modify flags from within your IDE or AI client using natural language with LaunchDarkly's new MCP server. Follow along with this tutorial for step by step instructions.

Read full post

πŸ‘‹ Kindness is contagious

Sign in to DEV to enjoy its full potential.

Unlock a customized interface with dark mode, personal reading preferences, and more.

Okay