luogu-stats-card: A JavaScript repository from lljshh

注意：为了不滥用洛谷服务器流量, 本项目利用 HTTP 头 Cache-Control 缓存 12 小时.

新增洛谷 shield

![__OwO__的shield](https://statcard.vercel.app/shield?id=237496)

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

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

仅使用图片：直接复制以下内容到任意 markdown 编辑器中, 并将?id=后面的数字更改为自己的 id 即可（id是洛谷个人主页地址的一串数字）,.
```
![wangao的练习情况](https://statcard.vercel.app/practice?id=313209)
```
使用图片链接：复制以下内容, 第二个小括号内的地址是点击该图片跳转的地址, 建议设置为洛谷个人主页,.
```
[![wangao的练习情况](https://statcard.vercel.app/practice?id=313209)](https://github.com/wao3/luogu-stats-card)
```

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

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

仅使用图片：复制以下内容到任意 markdown 编辑器中, 并将 ?id=后面的数字更改为自己的 id, 将scores=后面更换为自己的咕值信息, 一共 5 个数字, 用逗号分隔,.
```
![wangao的咕值信息](http://statcard.vercel.app/guzhi?id=313209&scores=100,65,45,15,0)
```
使用图片链接：复制以下内容, 第二个小括号内的地址是点击该图片跳转的地址, 建议设置为洛谷个人主页,.
```
[![wangao的咕值信息](http://statcard.vercel.app/guzhi?id=313209&scores=100,65,45,15,0)](https://github.com/wao3/luogu-stats-card)
```

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

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

![wangao的练习情况](https://statcard.vercel.app/api?id=313209&hide_title=true)

效果：

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

![wangao的练习情况](https://statcard.vercel.app/api?id=313209&dark_mode=true)

效果：

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