opportunity to leave a lasting impression on visitors. By creating a landing page with advanced widgets, you can make your profile stand out and demonstrate your skills in a visually appealing way. In this blog post, we'll guide you through the process of creating a landing page on your GitHub profile using a repository with the same name as your GitHub ID. We'll also explore some advanced widgets that you can add to enhance your profile.
Sign in to GitHub
If you haven't already, sign in to your GitHub account. If you don't have an account, you can create one for free.
Create a New Repository
Click on the "+" icon in the top-right corner of the GitHub homepage and select "New repository" from the dropdown menu. Enter your GitHub ID as the repository name.
Customise Your Repository
Add a description to your repository to give visitors an idea of what your landing page is about. Be creative and let your personality shine through!
Create a README.md File
To create your landing page, you'll need a README.md file. Check the box next to "Initialize this repository with a README" to create the file automatically.
Design Your Landing Page
Open the README.md file by clicking on it within your repository. You can use Markdown syntax to format the text and add visual elements. Let's explore some advanced widgets you can add to your landing page.
GitHub Stats Widget
The GitHub Readme Stats project by Anurag Hazra allows you to display your GitHub stats, such as top languages used, on your profile. Add the following code to your README.md file, replacing `your-github-username` with your actual username:
[](https://github.com/anuraghazra/github-readme-stats)
```
You can customise this widget by changing the colour, limiting the number of languages shown, and more. Refer to the GitHub Readme Stats repository for detailed customisation options.
GitHub Activity Widget
The GitHub Activity widget allows you to display your recent GitHub activity on your landing page. Add the following code to your README.md file:
<!--START_SECTION:activity-->
<!--END_SECTION:activity-->
```
This widget will automatically populate with your recent activity, such as commits, pull requests, and issues.
GitHub Gists Widget
If you frequently use GitHub Gists to share code snippets, you can showcase them on your landing page. Add the following code to your README.md file:
<!--START_SECTION:gists-->
<!--END_SECTION:gists-->
```
This widget will display your latest Gists, making it easy for visitors to explore your code snippets.
Feel free to explore other widgets and tools available to enhance your landing page further. You can add project cards, social media badges, or even embed interactive visualisations.
Commit and Publish
Once you've designed your landing page and added the desired widgets, it's time to commit your changes. Scroll down to the bottom of the README.md file, enter a commit message, and click on the "Commit changes" button.
Enable GitHub Pages
To make your landing page accessible to the world, enable GitHub Pages. Go to the main page of your repository, click on the "Settings" tab, and scroll down to the "GitHub Pages" section. Select the branch you want to use for your landing page (usually the main or master branch) and click on the "Save" button.
Visit Your Landing Page
Congratulations! You've successfully created an impressive landing page on your GitHub profile. To view your landing page, go back to the "GitHub Pages" section in your repository's settings. You'll find a link to your newly created landing page. Click on it and admire your beautifully designed profile!
Wrap Up
By creating a landing page on your GitHub profile and adding advanced widgets, you can showcase your skills and projects in an engaging and visually appealing way. The combination of a well-designed landing page and advanced widgets will leave a lasting impression on visitors and demonstrate your expertise as a developer. So go ahead, follow the steps outlined in this blog post, and create an impressive landing page that reflects your coding journey.
Happy coding!