Stats Cards

✨ Show your LeetCode & GitHub stats in GitHub Profile. ✨

Description

Supported Websites

Currently, we support the following websites, PR is welcomed:

• Zhihu
• Bilibili
• LeetCode
• LeetCode (China Version)
• Juejin（By @jiweiyuan）
• NowCoder
• CSDN
• GitHub
• Steam
• NetEase Music
• Custom Website Monitoring

Supported Themes

We support multiple themes.

Multiple themes are supported, just add &theme=<theme_name> after the url. For example: https://stats.justsong.cn/api/leetcode/?username=quanpeng&theme=dark

Theme list: light、dark、merko、gruvbox、gruvbox_light、tokyonight、onedark...

For a complete list of themes see common/theme.js , or see theme list of github-readme-stats.

Supported Languages

The default language is English. If you want to change it to Chinese, just add &lang=zh-CN after the url, for example:

For the support of other languages, PR is always welcomed.

Demonstration

Custom Website Monitoring

Custom website monitoring：https://stats.justsong.cn/api/website/?url=https://github.com/&style=flat&logo=github

Where style and logo are optional, for specific values please refer to shield.io .

Note that monitoring is not real-time, it is affected by the set cache time

Website Stats Display

GitHub: https://stats.justsong.cn/api/github?username=songquanpeng

Zhihu: https://stats.justsong.cn/api/zhihu?username=excited-vczh

Bilibili：https://stats.justsong.cn/api/bilibili/?id=666

LeetCode: https://stats.justsong.cn/api/leetcode/?username=quanpeng

LeetCode (China Version): https://stats.justsong.cn/api/leetcode?username=quanpeng&cn=true

Juejin: https://stats.justsong.cn/api/juejin?id=1556564194374926

CSDN: https://stats.justsong.cn/api/csdn?id=vczh

Nowcoder: https://stats.justsong.cn/api/nowcoder?id=6484283

Steam: https://stats.justsong.cn/api/steam

Deployment

You can deploy through Vercel, or deploy to your own server.

Environment Variables

When deploying, there are some environment variables that can be set, all of which are optional:

1. BILIBILI_SESSDATA: Bilibili's SESSDATA cookie.
2. GITHUB_TOKEN: GitHub token.
3. STEAM_ID: Steam personal ID, use browser to login Steam, then click personal profile, the id behind the profiles in the URL is the STEAM_ID
4. STEAM_API_TOKEN: According the link to get the token，https://steamcommunity.com/dev/apikey
5. CACHE_TIME: cache time, the unit is second, default value is 6000, namely 100 minutes.
6. MAX_CACHE_ITEMS: maximum cache items, default value is 1024.
7. PORT: service port number, default value is 3000.

Deploy to Vercel

1. fork this repo。
2. Import your repo on Vercel.
3. Set the above environment variables.。

Deploy to Your Own Server

Steps:

git clone https://github.com/songquanpeng/stats-cards.git
cd stats-cards
npm i
node ./app.js
# or
pm2 start ./app.js --name stats-cards

Set environment variables: ENV_NAME=value cmd

• For example: PORT=3000 node ./app.js

Others

1. Idea reference & theme reference
2. If any crawler fails, please file an issue in time!
3. The card itself has a shadow effect, but some blog themes will automatically add a shadow effect to the image, which
   will cause a double shadow. The solution is to use the img tag and CSS to remove the shadow effect provided by the
   blog theme. For
   example: <img src="https://stats.justsong.cn/api/leetcode?username=username&cn=true" style="box-shadow:none !important">
4. Click to check who is using this.