Luogu-stats-card NPM

注意：为了不滥用洛谷服务器流量，本项目将缓存 12 小时用户数据，即同一个用户卡片 24 小时内最多只会向洛谷服务器请求 2 次数据，并且只有在用户访问卡片时才会请求数据。
简介

stars forks last commit top language

luogu-stats-card是一个动态生成洛谷用户练习数据卡片的工具，可以展示自己的做题情况。可以用于个人主页、博客、github 等可以插入图片的地方。

TODO

wangao 的练习情况

wangao 的咕值信息

(上面的咕值仅为展示效果，本人咕值并没有这么高)

练习情况可以自动获取用户的数据，但是前提是没有开启“完全隐私保护”，具体使用方法如下：

Markdown：复制以下内容到任意 markdown 编辑器中，并将?id=后面的数字更改为自己的 id 即可（id 是洛谷个人主页地址的一串数字）。
```
![我的练习情况](https://luogu.wao3.cn/api/practice?id=313209)
```
HTML：复制以下内容到 HTML 代码中，并将?id=后面的数字更改为自己的 id 即可（id 是洛谷个人主页地址的一串数字）。
```
<img alt="我的练习情况" src="https://luogu.wao3.cn/api/practice?id=313209">
```

咕值信息无法自动获取数据，如果需要必须要提供 cookie ，但是这种方法十分不安全，并且不方便，所以获取咕值卡片需要手动输入咕值信息，具体使用方法如下。

复制以下内容到任意 markdown 编辑器中，并将 ?id=后面的数字更改为自己的 id，将scores=后面更换为自己的咕值信息，一共 5 个数字，用逗号分隔。

Markdown：复制以下内容到任意 markdown 编辑器中，并将 ?id=后面的数字更改为自己的 id，将scores=后面更换为自己的咕值信息，一共 5 个数字，用逗号分隔。
```
![我的咕值信息](http://luogu.wao3.cn/api/guzhi?id=313209&scores=100,65,45,15,0)
```
HTML：复制以下内容到 HTML 代码中，并将 ?id=后面的数字更改为自己的 id，将scores=后面更换为自己的咕值信息，一共 5 个数字，用逗号分隔。
```
<img alt="我的练习情况" src="https://luogu.wao3.cn/api/practice?id=313209">
```

使用卡片时，支持设定自定义效果选项，可以组合使用。

隐藏标题，只需在链接最后带上&hide_title=true即可，例如：

![wangao 的练习情况](https://luogu.wao3.cn/api/practice?id=313209&hide_title=true)

效果：

wangao 的练习情况

黑暗模式，只需在链接最后带上&dark_mode=true即可，例如：

![wangao 的练习情况](https://luogu.wao3.cn/api/practice?id=313209&dark_mode=true)

效果：

wangao 的练习情况

自定义宽度，默认 500，限制宽度在 500 到 1920 之间，只需在链接最后带上&card_width=需要的宽度即可，例如：
```
![wangao 的练习情况](https://luogu.wao3.cn/api/practice?id=313209&card_width=750)
```
效果：