How to Customize GitHub Profile: Part 5
Tags: github, githubprofile, githubportfolio, developer
Published: 2024-07-01 14:54:19

Welcome back to the final part of my series on customizing your GitHub profile! In this article, we'll focus on adding GitHub stats to your profile. Displaying your stats can provide visitors insights into your coding activity, the languages you use, and other key metrics, highlighting your GitHub presence.
[Part 1](https://dev.to/ryoichihomma/how-to-customize-github-profile-like-a-pro-16aa) | [Part 2](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-2-32g2) | [Part 3](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-3-37em) | [Part 4](https://dev.to/ryoichihomma/how-to-customize-github-profile-part-4-29h)
![Example Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kr3fxazkjjymhex6vkej.png)

## Add GitHub Stats and Why
GitHub stats offer a quick overview of your contributions, showcasing your commitment and areas of expertise. Adding these visual elements can make your profile more informative and engaging.
1. **Transparency:** Stats offer a transparent view of your activity and contributions.
2. **Highlight Skills:** They highlight the most used programming languages.
3. **Motivation:** Tracking your stats can be motivating as you see your progress over time.

## Setting Up GitHub Stats
To add GitHub stats to your profile, you can use the following services. Here's a step-by-step guide:
- [GitHub Stats Card](https://github.com/anuraghazra/github-readme-stats?tab=readme-ov-file#github-stats-card): ← Visit the repository and generate the URL for your stats card.

**Syntax:**
```
<a href="https://github.com/anuraghazra/github-readme-stats">
   <img alt="GitHub Stats Card" src="https://github-readme-stats.vercel.app/api?username=YOUR_USERNAME">
</a>
```
e.g.)![Stats Card Exmaple](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yi3f6url149rrco4y73r.png)

- [Top Languages Card](https://github.com/anuraghazra/github-readme-stats?tab=readme-ov-file#top-languages-card): ← Visit the repository and generate the URL for your card.

**Syntax:**
```
<a src="https://github.com/anuraghazra/github-readme-stats">
   <img alt="Top Languages Card" src="https://github-readme-stats.vercel.app/api/top-langs/?username=YOUR_USERNAME">
</a>
```
e.g.)
![Languages Card Examples](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltdfagup2gmqi2qt05l7.png)

- [Streak Stats](https://github.com/denvercoder1/github-readme-streak-stats): ← Visit the repository and generate the URL for your stats card.

**Syntax:**
```
<a href="https://git.io/streak-stats">
   <img src="https://streak-stats.demolab.com?user=YOUR_USERNAME" alt="GitHub Streak">
</a>
```
e.g.) 
![Streak Stat Examples](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mpx23cussoxuicyspqbh.png)

## Customize GitHub Stats
You can customize the appearance of your stats cards by changing the theme, hiding certain stats, and adjusting other settings. Check each link for all available customization options. 

### Wrapping Up
In this part, we covered how to add GitHub stats to your profile. By displaying your activity, streak, and most used languages, you can provide visitors with valuable insights into your coding journey. Stay tuned for the next part, where we'll discuss additional tips and tricks for further enhancing your GitHub profile. 


Thank you for following along with this series on customizing GitHub profiles! Your interest and dedication to improving your profile can significantly impact how others perceive your work and skills. I hope these guides have provided you with useful tips and tools to enhance your GitHub presence. 

If you have any questions, feel free to ask in the comments below. I'd love to see how you've customized your profiles, so don't hesitate to share your links!

Happy coding!💻

#### References
[Anurag Hazra's Repository](https://github.com/anuraghazra/github-readme-stats)
[Jonah Lawrence's Repository](https://github.com/DenverCoder1/github-readme-streak-stats)
[GitHub Readme Streak Stats](https://streak-stats.demolab.com/demo/)

##### Other Parts
[Part 1](https://dev.to/ryoichihomma/how-to-customize-github-profile-like-a-pro-16aa) | [Part 2](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-2-32g2) | [Part 3](https://dev.to/ryoichihomma/how-to-customize-your-github-profile-part-3-37em) | [Part 4](https://dev.to/ryoichihomma/how-to-customize-github-profile-part-4-29h)