中文 | English
网站数据卡片
描述
支持的网站列表
当前支持以下网站，欢迎 PR：
- 知乎
- B 站
- LeetCode
- LeetCode 中文站
- 掘金（By @jiweiyuan）
- 思否
- 牛客
- CSDN
- GitHub
- Steam
- 网易云音乐
- 自定义网站监控
支持的主题列表
支持多种主题，使用时在 url 后加入 &theme=<theme_name> 即可，例如：
https://stats.justsong.cn/api/leetcode/?username=quanpeng&theme=dark
主题列表：light、dark、merko、gruvbox、gruvbox_light、tokyonight、onedark...
完整主题列表参见 common/theme.js ，或参见 github-readme-stats 中的主题列表。
支持的语言列表
默认语言为英文，如果想要更改为中文显示，在 url 后加入 &lang=zh-CN 即可，例如：
演示
注意，以下所有 URL 后面加上
&raw=true可获得原始 JSON 数据。
自定义网站监控
自定义网站监控：https://stats.justsong.cn/api/website/?url=https://github.com/&style=flat&logo=github
其中 style 和 logo 是可选的， 具体取值参考 shield.io 。
注意监控不是实时的，其受到设置的缓存时间的影响
网站数据展示
GitHub：https://stats.justsong.cn/api/github?username=songquanpeng
知乎：https://stats.justsong.cn/api/zhihu?username=excited-vczh
注意不是你主页显示的用户名，而是是点开你的知乎主页，URL 中最后一段，例如是
https://www.zhihu.com/people/excited-vczh中的excited-vczh
B 站：https://stats.justsong.cn/api/bilibili/?id=666
LeetCode 英文站：https://stats.justsong.cn/api/leetcode/?username=quanpeng
LeetCode 中文站：https://stats.justsong.cn/api/leetcode?username=quanpeng&cn=true
LeetCode 中文站英文站双修：https://stats.justsong.cn/api/leetcode?username=quanpeng&cn_username=quanpeng
掘金：https://stats.justsong.cn/api/juejin?id=1556564194374926
CSDN：https://stats.justsong.cn/api/csdn?id=vczh
牛客：https://stats.justsong.cn/api/nowcoder?id=6484283
部署
你可以通过 Vercel 进行部署，或者部署到自己的服务器上。
环境变量配置
部署的时候，有一些环境变量可以设置，均为可选：
BILIBILI_SESSDATA：B 站的SESSDATACookie，用以抓取 B 站数据，注意这个 Cookie 半年过期一次，届时需要重新设置 & 部署。GITHUB_TOKEN：GitHub Token，无任何权限的即可，用于抓取 GitHub 数据。CACHE_TIME：缓存时间，包括服务端缓存和客户端缓存，单位为秒，默认6000，即 100 分钟。MAX_CACHE_ITEMS：最大缓存数量，默认1024，缓存超出后将采取 LRU 策略进行淘汰。PORT：服务端口号，默认3000。
部署到 Vercel
- fork 本项目。
- 在 Vercel 上选择导入 GitHub 仓库。
- 设置上述环境变量。
部署到自己的服务器
具体方法如下：
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设置环境变量的方式：ENV_NAME=value cmd
- 例如设置端口号：
PORT=3000 node ./app.js
其他
- 创意参考 & 主题参考
- 如有爬虫失效，请及时提 issue！
- 卡片本身带有阴影效果，然而有些博客主题会自动给图片加阴影效果，这样将导致出现双重阴影，解决方法是使用 img 标签和 CSS
来移除博客主题提供的阴影效果，例如：
<img src="https://stats.justsong.cn/api/leetcode?username=username&cn=true" style="box-shadow:none !important"> - 点击查看都有谁在使用。