Skip to content

Latest commit

 

History

History
181 lines (123 loc) · 6.35 KB

README.en.md

File metadata and controls

181 lines (123 loc) · 6.35 KB
Raw

中文 | English

Stats Cards

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

license release release

Description · Demonstration · Reward · Feedback

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

JustSong's LeetCode Stats JustSong's LeetCode Stats

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:

掘金酱的掘金数据 蓝天的 B 站数据

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

GitHub monitoring Google monitoring Zhihu monitoring

Website Stats Display

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

My GitHub Stats

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

vczh's Zhihu Stats

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

id 为 666 的用户的 B 站数据

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

我的 LeetCode 数据

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

CSDN 数据

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

牛客数据

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

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.