DEV Community

Cover image for Customize GitHub Profile with Decent theme
Hidayt Rahman
Hidayt Rahman

Posted on

Customize GitHub Profile with Decent theme

Github introduced a new feature, Where you can add personal information about yourself in your bio, projects you’ve contributed to, or interests you have that other person may like to know about.

Do it in a minute

If you’re in hurry or already aware of the markdown. You can skip all the steps.

Just click on the link , copy all and paste it to your repo in yourREADME.md file.

github.com/<username>/<username>/README.md

And start editing with your own information. 😉

Or follow the steps

If you are new and want to explore then follow the steps

Let’s start with creating a new repo with the same username.

Step 1

in my case, my username is hidaytrahman

create a repo with the same username

{username}/{username}

hidaytrahman/hidaytrahman

Step 2

create a README.md file.

Clone repo in local machine.

git clone https://github.com/<username>/<username>.git

Step 3

open repo folder in vs code and right-click on the README.md file and click on open preview.

It’s time to start with the very first info, I will recommend adding a banner.

Put the banner in the root folder of the repo.

And use it with relative path

![Your Name - Anything about your banner](banner.png)

Write a bio about you and your primary skillset.

Let’s add few gadgets.

Add visitor info by using the below snippet and replace hidaytrahman with your username

[![Visitor](https://visitor-badge.laobi.icu/badge?page_id=hidaytrahman.hidaytrahman)]

(https://img.shields.io/github/followers/hidaytrahman.svg?style=social&label=Follow)](https://github.com/hidaytrahman?tab=followers)

[![Visitor](https://visitor-badge.laobi.icu/badge?page_id=hidaytrahman.hidaytrahman)](https://github.com/hidaytrahman)
[![GitHub followers]
Enter fullscreen mode Exit fullscreen mode
(https://img.shields.io/github/followers/hidaytrahman.svg?style=social&label=Follow)](https://github.com/hidaytrahman?tab=followers)
Enter fullscreen mode Exit fullscreen mode

The above snippet shows the visitors and followers.

Let’s add skills like (git, GitHub)

![Git](https://img.shields.io/badge/-Git-05122A?style=flat&logo=git)&nbsp;

![Git](https://img.shields.io/badge/-Git-05122A?style=flat&logo=git)&nbsp;
![GitHub](https://img.shields.io/badge/-GitHub-05122A?style=flat&logo=github)&nbsp;
Enter fullscreen mode Exit fullscreen mode

You can put as many as you like, Put the exact name of the skills.

Publish it :)

git add *
Enter fullscreen mode Exit fullscreen mode
git commit -m "my decent profile"
Enter fullscreen mode Exit fullscreen mode
git push origin main
Enter fullscreen mode Exit fullscreen mode

That’s it!

Let’s visit the profile and check if everything works fine,

Customized it with your own style by exploring markdown

You can Visit my profile for the reference.

Thanks!

Discussion (0)