How to Upload Your First Website on GitHub Pages

Tags: GitHub, Hosting, HTML, CSS, Web Development

Introduction

Want to show your website to the world? GitHub Pages is a free and easy way to publish your static websites online. In this blog, I’ll guide you through the step-by-step process to host your first website using GitHub Pages.

Step 1: Create a GitHub Account

Go to github.com and create a free account if you don’t already have one.

Step 2: Create a New Repository

• Click the “+” icon on the top-right corner of GitHub.
• Select New repository.
• Give it a name like my-website.
• Keep it public and click Create repository.

Step 3: Upload Your Website Files

• Click on Add file > Upload files.
• Upload your HTML, CSS, and image files (e.g., index.html, style.css).
• Scroll down and click Commit changes.

Step 4: Enable GitHub Pages

• Go to the Settings tab of your repository.
• Scroll down to the Pages section in the sidebar.
• Under “Source”, select main branch and / (root) folder.
• Click Save.

Step 5: Your Website is Live!

After a few seconds, GitHub will give you a public link like: https://yourusername.github.io/my-website/ You can share this with anyone!

Conclusion

That’s it! You’ve just published your first website online using GitHub Pages. It’s free, fast, and perfect for students and developers to share their projects with the world. Keep experimenting and building more!