Your GitHub Profile can look chic too!
How change your GitHub profile from this:
To this:
Like everyone else, I use my profiles on social media to accomplish what I need to do and then go.
So on this faithful day, I made the decision to look up a new buddy I had made on LinkedIn and conduct some Google research on him. I found some interesting information on him, particularly on his GitHub profile page, which was straightforward but elegant. I had to look up tips on how to make mine appear decent as a result. Google and YouTube are the best teaching resources, as we all know.
So I searched for “how to build GitHub profile readme” and found a kind soul who walks me through the entire update needed on restructuring my GitHub profile. I’ll be working through it and sharing the link at the end of the article. We’re about to get our hands dirty, so pay attention. You ready? Let’s go, come on.
First off, is your GitHub profile currently in the same state as mine was before? If so, let’s adjust it. Please click the link below to create a random readme where you can fill in information about what you do and what you want people to know about you.
Once you have finished inputting all of your information, don’t worry; take your time. Yes, it’s worthwhile. If you’re certain that you’re done and ready to move on, click “Generate Readme.”
Note: You can always edit the readme Generated, so feel free to make mistakes and correct them accordingly.
What you will see after clicking on the Generate Readme will be a series of codes like this:
Next, click the copy markdown button at the top of the page amidst “back to edit” and download markdown to copy the generated sample code, where you can add it to a word document or note/notepad as the case may be.
Yes, you are doing well and almost done, so we have our generated code that we can decide to add images, gifs, and many more in order to make it more beautiful to our view.
Some sites to get gifs and images, kindly share some if you know any. Thanks.
To get gifs: https://giphy.com/
To get pictures: https://www.freepik.com/
To add an image to the code we generated to the top of the code generated and add
img align=”right” alt=”Coding” width=”400" src=”https://www.freepik.com/free-photo/web-design-concept-with-drawings_902906.htm#query=software%20development&position=4&from_view=search&track=sph”
Note: replace the link with the image link of your choice.
Oh and the beautiful thing is you can add a banner by including the below to the topmost layer of the code generated.
[](https://img.freepik.com/free-vector/laptop-with-program-code-isometric-icon-software-development-programming-applications-dark-neon_39422-971.jpg?w=1480&t=st=1672916519~exp=1672917119~hmac=289639e0090edb1ff97e8e7aa59f8db23c2df4d5a83f55f2ef0c579932fe02d1)
Note: replace the link with the banner link of your choice.
You already know you are done 🤗, so we take it down to Git Hub, I almost forgot, we are to create a repository with our GitHub name. Okay, let me explain again the magic is when you make a new repository on git with your username it automatically picks it as the profile readme.
The image below explains all the english I was speaking
After selecting the repo to be public and don’t forget to click on the add a readme file and lastly, click on Create repository, then we have where we can edit the readme generated
Now, we can copy our updated or edited code generated from notes/notepad to the readme file on git. Then click on the commit button
After the commit, we now have a beautiful profile page that people see when they stumble on your GitHub page. Mine is when you click on https://github.com/AdejokeOgundipe what you see is the updated profile likewise yours once the steps are followed accordingly.
Here is the YouTube link as promised https://youtu.be/G-EGDH50hGE
Since this is my first official post of the year, allow me to wish you a happy new year and thank you for your support over the past years. You can anticipate more from me this year since we must both grow, and don’t forget you are doing well 🥰.
