How I personalized my GitHub Overview
Published: 2023-07-13 05:58:50


![cover profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aq3jxdvxbyp3cpfxdqwl.png)

Hi guys 👋

I recently find out how to show custom content on overview, add GitHub stats and Medium articles on my GitHub profile and I'm so delighted, I have to share with all of you.

## Step 1. Adding the README to your overview tab

First of all, you need to create that README.md, and to do that, you will need to create a new repository which will have your username. Since I already have one, I receive the error that the repository already exists.

![creation of repository](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxf4wg508vh0qkjcrdlv.png)


Once you will fill the name with your username, you will see this info box from GitHub:

> You found a secret! <username>/<username> is a ✨special ✨ repository that you can use to add a README.md to your GitHub profile. Make sure it's public and initialize it with a README to get started.

Initiate the repository with a README file and this will appear in your Overview, and you are ready to personalize it as you wish.

![overview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ykj0jma5mft9rynkcp2.png)

I personalized it by adding my social media accounts and links to relevant websites:

![media accounts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4f8a4ppqwy2avy1mt5u2.png)

For adding redirects to your account using images, you can use the following markdown. I added an `<a>` with the hyperlink to my profile without closing it at the end, and right after it the logo for that platform with the fixed height to 50px.
`<a target="_blank" href="https://github.com/<username>">
  <img src="<url-to-logo>" width="auto" height="50px">`

## Step 2. Adding the GitHub Stats

For adding my GitHub Stats, I used GitHub Readme Stats which can be found here. The default syntax can be personalized with more details and colors. Their documentation is easy to understand and on point. You can also add extra pins to your overview or stats for most used languages and so on.
`[![Madalina's GitHub stats](https://github-readme-stats.vercel.app/api?username=<github-username>)](https://github.com/<github-username>/github-readme-stats)`
Don't worry about this `https://github.com/<github-username>/github-readme-stats`. It will not create any public files on your profile.

![github stats](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gdgeteejkfd5mroizteh.png)

## Step 3. Adding the recently published Medium articles

In the end, I added my last published article from Medium, which will be updated every time I post a new one, and you can add however much you want. The 0 from the end of the hyperlink is the index in descending order of the last posted articles, and this means if you want to post your last 3 articles, you will have to add this 3 times with 0, 1 and 2.
`<a target="_blank" href="https://github-readme-medium-recent-article.vercel.app/medium/@<medium-username>/0"><img src="https://github-readme-medium-recent-article.vercel.app/medium/@<medium-username>/0" alt="Recent Article 0">`

![medium posts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f3idv1g2xp9omay4yiv3.png)

Hope you will enjoy those as much as I do 😍