Devster

Posted on Sep 28, 2020

How to make your github profile more captivating

#github #git #webdev

Hey guys so inspired by this post i made this article do give it a read.

GitHub Profile as a Portfolio: Your thoughts?

Madza ・ Sep 25 ・ 1 min read

#webdev #discuss #github #portfolio

so based on that i thought of making this little post about make your github page look smart. here is the screenshot of my page.

So yeah i am gonna tell you guys how i made that thing so lets start with basics make a repo and name it exactly as you github username now just add a README to it

NOTE: keep the repo public

so when u will create it on the top right corner a option will appear

now press on share to profile and your readme will be available on ur profile Yay now lets edit it

Here is a basic format you can try

but if you want to make your profile like mine then u can see the source code of my read me on my github

Thanks for reading if you find this usefull drop a like ^-^

Top comments (12)

Radu-Alexandru B • Sep 28 '20 • Edited

Hello, yesterday I've spent some hours in building mine. That dev.to post inspired me as well. I approached a minimalistic profile, because I want a better showcase to my pinned repositories.

So, I researched lots of other profiles to find minimalistic icons, and I've stumbled on:

these for the Social Media ones, which can be integrated like this:

<a href="https://www.mixcloud.com/radu-alexandru7" target="_blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/mixcloud.svg" alt="RaduAlexandru" height="28" width="28" /></a> 
and Shields.io for technologies... however it's easier to generate a badge by writing in the link directly, like:

![Sublime Text](https://img.shields.io/badge/-Sublime-555555?style=flat&logo=sublime-text)

where the first field is the name, then the 555555 color, and the logo name (which can be found here).

Maybe someone will like this style. Have a nice day!
My github profile

Luke Switzer • Sep 28 '20

Nicely done, lots of overloaded markdown files out there. Solid compromise here 👍

Devster • Sep 28 '20

Hey thx awsome

Michael Currin • Oct 1 '20 • Edited

Thanks for sharing.

I was disappointed that you didn't share your link but here it is for anyone else interested.

github.com/devloves/devloves

By the way, is there any point in setting style="display: flex; justify-content: space-between; part? GitHub ignores CSS styles in markdown. If you inspect the DOM you'll see the styles disappear from your HTML and from the applied element styles.

Devster • Oct 1 '20

Haha Thx

Jason Maurer • Sep 28 '20

nice post, just updated my profile-repository at github and right no stumpled upon your post here describing exactly these changes.
also i see that you're using shield.io for the badges as well :D.

Great idea to put a label in front of the brands like [Tool | bootstrap] and [Code | PHP] way better than mines ^^'

Great Idea, think i'm gonna use it for my badges as well.

Devster • Sep 28 '20

glad you found it helpful

Corentin Bettiol • Sep 29 '20

I just put a bigger version of my avatar, some useful links of what I do, a list of my blog posts on dev.to (using the great blog-post-workflow github action), and a small view counter using github-profile-views-counter :)