How To Cretae Your Personal GitHub Page

My Journey to Creating My First GitHub Page

Amisha sinha's photo
Amisha sinha
·

2 min read

While exploring DevOps, I stumbled upon an insightful video by Savinder Puri titled “Learn in Public” https://www.youtube.com/watch?v=AYBMhpw7W3s&t=656sThe idea of sharing whatever you’re learning with the world, though something I’d heard often, struck a chord this time. I decided to implement it and document my journey as I took my first steps into learning in public.

How I Built My First GitHub Page

As I progressed, I encountered several tools to publish work online. One of the most exciting discoveries was the process of creating a GitHub Page. I followed a simple process to launch my first website, and here’s how I did it:

1. Create a GitHub Account

I started by creating a GitHub account using my school email ID.

2. Followed This Video Tutorial

I watched this video tutorial, which guided me step-by-step on how to create and deploy a GitHub Page. https://www.youtube.com/watch?v=e5AwNU3Y2es

3. Found an HTML Template

To design my website, I visited HTML5 UP https://html5up.net/, a fantastic source for free HTML templates. After browsing, I downloaded a template that matched my needs.

4. Uploaded Files to GitHub

Here’s what I did next:

  • Created a new repository: I gave my repository a name and clicked on "Create."

  • Uploaded existing files: I dragged and dropped all the files from the HTML template into the repository.

  • Committed changes: I clicked the "Commit changes" button to save everything.

Give it a name and hit on create

On new page click on upload exsisting file

Now drag and drop all the files downloded earlier

Drag and drop and commit changes

5. Configured GitHub Actions

  • Navigated to the Actions tab and clicked "Configure."

  • Left everything as default and committed the changes.

Click on configure

Leave everything by default and commit chnages

Now again go back to setting

Click on pages

6. Published the Website

  • Went to the Settings tab and clicked on Pages.

  • My website was live! 🎉

7. Customizing the Page

With the index.html file in hand, I now have a basic website deployed. For further customization, I plan to use tools like ChatGPT to modify the design and content to fit my style.

Reflection

Deploying my first website felt incredible. It’s a small but meaningful step in my journey of learning in public. Cheers to exploring new horizons and documenting every bit of it!

What’s next? I’m excited to continue building on this foundation, learning new skills, and sharing my progress with the world.

github-websiteGitHub