Do you like to share the source code via github?
If the answer to the above question is yes, then this article is valuable for you. Recently I created a project which dynamically generates YouTube Stats Card for the youtube channels and videos. These cards will give an aesthetic look on your Github profile readme and the repo readmes as compared to the normal youtube URL.
YouTube Stats Card allows you to simply add a markdown image link and it will show the real-time stats for your Channel and Videos as follows.
In this article, I will explain how to use this to generate elegant statistics for your YT channel and videos.
. . .
YouTube Channel Stats
The above link will generate the following stats card having layout as extruded and color theme as dark pink:
You can also customize the appearance of your Channel Stats Card with the following URL query params:
-
layout- Default, Center, Extruded (name) -
hide_icons- Hide the icons from channel card (boolean) -
hide_logo- Hide the logo from channel card (boolean) -
theme- Name of the theme, choose from all available themes -
hide_border- Hides the card's border (boolean) -
title_color- Card's title color (hex color) -
text_color- Body text color (hex color) -
icon_color- Icons color if available (hex color) -
bg_color- Card's background color (hex color) -
custom_title- Add the custom title to the channel card (use %20 to add space) -
cache_seconds- set the cache header manually (min: 1800, max: 86400)
. . .
YouTube Video Stats
The above link will generate the following stats card having layout as compact and color theme as default:
You can also customize the appearance of your Video Stats Card with the following URL query params:
-
layout- Default, Compact (name) -
hide_icons- Hide the icons from video card (boolean) -
hide_preview- Hide the video preview from video card (boolean) -
theme- Name of the theme, choose from all available themes -
hide_border- Hides the card's border (boolean) -
title_color- Card's title color (hex color) -
text_color- Body text color (hex color) -
icon_color- Icons color if available (hex color) -
bg_color- Card's background color (hex color) -
hide_channelname- Hide the channel name in video card (boolean) -
cache_seconds- set the cache header manually (min: 1800, max: 86400)
I hope you guys liked the project ✌. And make sure to give it a star on Github ⭐.
. . .
To view all the live demos, check out the github repo:
dhyeythumar
/
youtube-stats-card
🚀 Dynamic YouTube Stats Card for your github readmes & websites.
YouTube Stats Card
<p align="center" dir="auto">Get dynamically generated YouTube Stats Cards for your github readmes & websites!</p>
View Demo · Report Bug · Request Feature
What’s In This Document
- YouTube Channel Stats Card
- YouTube Video Stats Card
- Contribution
- Support the project
- License
- Acknowledgements
YouTube Channel Stats Card
Usage
[](https://www.youtube.com/channel/UCpKizIKSk8ga_LCI3e3GUig)
Change the ?channelid= value to your YouTube Channel ID.
Check out this to get your youtube channel id.
Layout Demos
Below layouts uses default parameters*
| Layouts | Preview |
|---|---|
| Default Layout | |
Center Layout &layout=center
|
|
Exruded Layout &layout=extruded
|
Customization
All the Customizations are applied to the default layout*
| Parameters | Preview |
|---|---|
Hide Icons &hide_icons=true
|
|
Hide Logo &hide_logo=true
|
|
Color Theme &theme=THEME_NAME
|
|
Hide Border &hide_border=true
|
|
Manual Color Theme &title_color=cbf7db&icon_color=99ffbe&text_color=fffefe&bg_color=40423e
|
|
Custom Title custom_title=My%20Channel%20Name
|
Check all the available color themes here or checkout the theme config file…
Top comments (0)