Create account

DEV Community

How to make your github profile more captivating

Devster on September 28, 2020

Hey guys so inspired by this post i made this article do give it a read. GitHub Profile as a Portfolio: Yo...

Read full post

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 :)