Whilst browsing through GitHub repositories, I noticed that some people had a fancy profile and I was really curious to how they got that to work. This post goes through how you can make your GitHub profile look that bit better and to top it off, it surprisingly easy.
Firstly, you need to create a new repository and this has to be your GitHub username. Your repository should then look like the below. You will then be notified that you have created a special repository.
Next, I wanted to get my social links in my profile but I wanted to display the icons and their respective brand colours so for Twitter, I wanted to show the Twitter icon and the Twitter blue. Take a look at the below for a better idea.
Thankfully, there is a website which allows us to display these badges called Shields. If you have a look at the documentation, there are example on how to create different types of badges. Below are the ones I am using. You can just replace my username and name with yours.
[!(https://img.shields.io/badge/-@daniaalnadir-%23181717?style=flat-square&logo=github)](https://github.com/daniaalnadir) [!(https://img.shields.io/badge/-@daniaalnadir-%231DA1F2?style=flat-square&logo=twitter&logoColor=ffffff)](https://twitter.com/daniaalnadir) [!(https://img.shields.io/badge/-Daniaal%20Nadir-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/daniaal-nadir/)](https://www.linkedin.com/in/daniaal-nadir/)
Next, to be able to see our stats, there is another library that we can use called github-readme-stats. Using this, you can change the theme of your stats, the languages you want to hide, the type of layout a so much more. I would recommend reading the documentation. Below you will see the markdown that I am using. Again, replace my GitHub username with your GitHub username.
## Stats [![daniaalnadir's GitHub stats](https://github-readme-stats.vercel.app/api?username=daniaalnadir&show_icons=true&theme=dracula&count_private=true)] ## Languages [![Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=daniaalnadir&layout=compact&hide=css,html,handlebars)]
The result of the above in your markdown file will produce the below.
And that's all you need to do to spice up your GitHub profile. There are many more customisations that you can add and i would recommend reading the documentation of the libraries that I have linked above. I will also link these below. I will also link the GitHub repository of my markdown file to make it even easier for you. If you have any question please comment below.