Skip to content

Instantly share code, notes, and snippets.

@sherrytp
Created January 12, 2024 05:27
Show Gist options
  • Select an option

  • Save sherrytp/fa9a77ee79b5e01e0036850c33c0c3b8 to your computer and use it in GitHub Desktop.

Select an option

Save sherrytp/fa9a77ee79b5e01e0036850c33c0c3b8 to your computer and use it in GitHub Desktop.
More fancy sections on GitHub profile README

More fancy sections on GitHub profile README

After creating an introduction README on GitHub, I have been thinking of adding more fancy sections. If you don't know how to create a simple introduction on your GitHub page, this guide is not for you, and you can direct to this website and so many more beginners' guides.

Beginning

You first need to create a repo under your GitHub username (e.g. sherrytp). Then, create a README.md file inside the repo. (sherrytp/sherrytp/README.md) Add your information, introduction, links, markdown text, and more content - Badges and GitHub Stats!

Social Network Badge

On clicking the social network badge, it will redirect to the respective social network sites (e.g. LinkedIn, Twitter, Youtube, Instagram, etc).

LinkedIn: https://img.shields.io/badge/LinkedIn-blue?logo=linkedin&logoColor=white&style=for-the-badge
Twitter: https://img.shields.io/badge/Twitter-blue?style=for-the-badge&logo=twitter&logoColor=white
Youtube: https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white

So to put on your GitHub README:

<div id="badges">
  <a href="your-linkedin-URL">
    <img src="https://img.shields.io/badge/LinkedIn-blue?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge"/>
  </a>
  <a href="your-youtube-URL">
    <img src="https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white" alt="Youtube Badge"/>
  </a>
  <a href="your-twitter-URL">
    <img src="https://img.shields.io/badge/Twitter-blue?style=for-the-badge&logo=twitter&logoColor=white" alt="Twitter Badge"/>
  </a>
</div>

GitHub Stats

Additionally, there is a GitHub profile view counter. It counts the number of visits your GitHub profile gets. I wonder if there is a view counter for Kaggle portfolio🤔

There is another streak stats project that tracks your GitHub with the following statistics: imagehttps://uploads.sitepoint.com/wp-content/uploads/2021/12/1638982036github-stats.png

  • total number of contributions by a user
  • longest streak of contributions for a user
  • current streak stat for a user

[![GitHub Streak](http://github-readme-streak-stats.herokuapp.com?user=your-github-username&theme=dark&background=000000)](https://git.io/streak-stats)

We can also add customizations like theme, background, color, and so on by visiting the Streak Stats Website to generate URLs.

  1. Enter your GitHub username
  2. Click on Submit button
  3. Click on the Copy To Clipboard button, which is the website link part in README.md

The last open-source project is Top Langs, which provides the most languages you use. You can refer to my GitHub for other features this project displays. To use top programming languages:

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=your-github-username)](https://github.com/anuraghazra/github-readme-stats)

Written by Sherry First published at https://www.kaggle.com/discussions/getting-started/402878

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment