DEV Community

Cover image for Beautify Your GitHub Profile README

Beautify Your GitHub Profile README

Sabesan Sathananthan on August 15, 2020

I don't know how many of you know about adding a GitHub profile README. GitHub recently released a feature that allows users to create a profile-le...
Collapse
 
gautamkrishnar profile image
Gautam Krishna R • Edited

Hi Sabesan, Please use the gautamkrishnar/blog-post-workflow instead of khaosdoctor/blog-post-workflow if you want the latest features and optimisations. khaosdoctor/blog-post-workflow has the outdated version of blog post workflow's code. khaosdoctor/blog-post-workflow is a fork of the project gautamkrishnar/blog-post-workflow which Lucas created when he contributed to the blog-post-workflow project.

Collapse
 
thesabesan profile image
Sabesan Sathananthan

Yes, I used your's neh?? If it is not give me the link <3

Collapse
 
gautamkrishnar profile image
Gautam Krishna R • Edited

Hi, I meant in gist you are using in your example: gist.github.com/sabesansathanantha...

Thread Thread
 
thesabesan profile image
Sabesan Sathananthan

Ok sure. but I mentioned your name <3

Thread Thread
 
gautamkrishnar profile image
Gautam Krishna R

Yes. Thanks for writing the blog bro. Why i mentioned that is because some people might just copy paste the gist you kept in the blog and they may end up with an outdated version of the code running on their readme.

Collapse
 
rahuldkjain profile image
Rahul Jain

Tired of updating GitHub profle README with latest features again & again?

If yes, then I have developed a tool to do the same for you in just 1 click ๐Ÿค“

๐Ÿš€ Try the tool: live tool

If you find the tool useful, show some love by giving a โญ on github repo

GitHub logo rahuldkjain / github-profile-readme-generator

๐Ÿš€ Generate GitHub profile README easily with the latest add-ons like visitors count, GitHub stats, etc using minimal UI.

GitHub Profile Readme Generator

GitHub Profile README Generator

github-profile-readme-generator license github-profile-readme-generator forks github-profile-readme-generator stars github-profile-readme-generator issues github-profile-readme-generator pull-requests join discord community of github profile readme generator

github-profile-readme-generator gif

View Demo ยท Report Bug ยท Request Feature

Loved the tool? Please consider donating ๐Ÿ’ธ to help it improve!

sponsor github profile readme generator Buy Coffee for rahuldkjain Buy Me A Coffee

Tired of editing GitHub Profile README with new features?

This tool provides an easy way to create a GitHub profile readme with the latest add-ons such as visitors count, github stats, etc.

๐Ÿš€ Demo

Try the tool: GitHub Profile README Generator

๐Ÿง Features

Just fill in the details such as Name, Tagline, Dev Platforms Username, Current Work, Portfolio, Blog, etc. with a minimal UI.

  • Uniform Dev Icons

  • Uniform Social Icons

  • Visitors Counter Badge

  • GitHub Profile Stats Card

  • GitHub Top Skills

  • GitHub Streak Stats

  • Dynamic Dev(.)to Blogs (GitHub Action)

  • Dynamic Medium Blogs (GitHub Action)

  • Dynamic Personal Blogs from RSS Feed (GitHub Action)

  • Wakatime Stats contribute

  • Buy Me A Coffee button

Click on Generate README to get your README in markdownโ€ฆ

Collapse
 
thesabesan profile image
Sabesan Sathananthan

Nice man.. Great Job.. <3 <3 <3

Collapse
 
arshsahzad profile image
Arsh Sahzad

I had fun building too, here is mine: github.com/arshsahzad

Collapse
 
thesabesan profile image
Sabesan Sathananthan

Nice...

Collapse
 
fkrasnowski profile image
Franciszek Krasnowski

Good readme, but.. You have just hurt the community behind the awesome. Please read the creating awesome list docs because your list does not meet the standards

Collapse
 
thesabesan profile image
Sabesan Sathananthan

I will take a look on that. Thank you for your suggestions. or Could you please contribute to that readme, please?

Collapse
 
fkrasnowski profile image
Franciszek Krasnowski

I think this list is the current pretender to be added to awsome (it needs some finishing touch). So you will need to create something better than that. I think the best choice will be to contribute to it, cause it's great. And you should not include an awesome badge until it's accepted (Yeah, everyone does the opposite ๐Ÿ˜œ)

Thread Thread
 
thesabesan profile image
Sabesan Sathananthan

Yes I will change the name and Try it. Thank you.

Collapse
 
puneetgopinath profile image
Puneet Gopinath • Edited

If you want to add your recent activity on your github profile readme.
You can't keep updating your recent activity on github daily.
Instead consider this github action if you want to show your recent activity in your profile readme!!

GitHub logo Readme-Workflows / recent-activity

Add your recent activity to your profile readme!

Recent Activity

GitHub stars GitHub forks GitHub issues GitHub repo size Lines of code Discord Chat Contributor Covenant

This GitHub Action is a Fork of the original GitHub Activity Readme Action by jamesgeorge007.
Its our goal is to improve the original GitHub Action while also providing new features for the users.

Live Preview

This is an example live preview that is updated every time a commit is pushed using github actions.

Last Updated: Thursday, May 20th, 2021, 3:17:39 PM (GMT)

  1. โ—๏ธ Closed issue #5 in Readme-Workflows/recent-activity
  2. ๐ŸŽ‰ Merged PR #6 in Readme-Workflows/recent-activity
  3. ๐Ÿ—ฃ Commented on #3 in Readme-Workflows/recent-activity
  4. โ—๏ธ Closed issue #4 in Readme-Workflows/recent-activity
  5. ๐Ÿ’ช Opened PR #6 in Readme-Workflows/recent-activity

Settings

The Action currently has the following Settings that you can set through the with option.

Option Description Default Supported Placeholder
GH_USERNAME The User to get latest activity from Repository Owner
COMMIT_MSG The Commit Message to use when updating the README โšก Update README with the recent activity
MAX_LINES How many activities to display 5
โ€ฆ

If you find the github action useful, show some love by giving a โญ on the github repo

Collapse
 
saberglow profile image
Wali Ullah

looks really great man... check mine out :)

github.com/SABERGLOW

Collapse
 
thesabesan profile image
Sabesan Sathananthan

It is also awesome. Nice brother.

Collapse
 
piyush profile image
Piyush Suthar

I have recently created this to add some developer quotes to the GitHub Profile Readme. ๐Ÿ˜

GitHub logo PiyushSuthar / github-readme-quotes

๐Ÿ”ฅ Add Programming Quotes To Your GitHub Readme

Github Readme Quotes

Developer Quotes for your Github Readme.

Twitter: piyushsthr

View Demo ยท Report Bug

Features โœจ

Adding Soon ๐Ÿšง

  • Customization Options
  • More features

Usage โšก๏ธ

Copy the markdown below and paste it in your Github Readme.

[![Readme Quotes](https://quotes-github-readme.vercel.app/api?type=horizontal)](https://github.com/piyushsuthar/github-readme-quotes)

Options

Options default Available
type vertical horizontal, vertical

Demo

Vertical

You don't need to add ?type=vertical parameter.

readme Quotes

Horizontal

You need to add ?type=horizontal parameter.

readme Quotes

Author ๐Ÿค—

๐Ÿ‘ค Piyush Suthar

Contributing ๐Ÿค

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Special Thanks โค

Inspired from AnuragHazra/github-readme-stats.

skolakoda/programming-quotes-api for Quotes API.

Show your support ๐ŸŒˆ

Give a โญ๏ธ if this project helped you!


Made with โค๏ธ and JavaScript.






Collapse
 
thesabesan profile image
Sabesan Sathananthan • Edited

One of my friends implements this to his profile readme. Thank you bro. It is awesome.

Collapse
 
parajdox profile image
John Dave Dalmao

how to add the languages?

Collapse
 
coderjojo profile image
coderjojo • Edited

You should have just forked and use Creative Profile Readme rather than copying it.