注意:为了不滥用洛谷服务器流量,本项目利用 vercel 的边缘缓存功能缓存了 12 小时数据,即同一个用户卡片 24 小时内最多只会向洛谷服务器请求 2 次数据,并且只有在用户访问卡片时才会请求数据。
这个项目不是我的,我只是为了方便用才部署的,原链接:https://github.com/wao3/luogu-stats-card
luogu-stats-card
是一个动态生成洛谷用户练习数据卡片的工具,可以展示自己的做题情况。可以用于个人主页、博客、github等可以插入图片的地方。
练习情况可以自动获取用户的数据,但是前提是没有开启“完全隐私保护”,具体使用方法如下:
-
仅使用图片:直接复制以下内容到任意 markdown 编辑器中,并将
?id=
后面的数字更改为自己的 id 即可(id是洛谷个人主页地址的一串数字)。![tobby3600的练习情况](https://luogu.vercel.app/practice?id=426462)
-
使用图片链接:复制以下内容,第二个小括号内的地址是点击该图片跳转的地址,建议设置为洛谷个人主页。
[![tobby3600的练习情况](https://luogu.vercel.app/practice?id=426462)](https://github.com/wao3/luogu-stats-card)
咕值信息无法自动获取数据,如果需要必须要提供 cookie ,但是 这种方法十分不安全,并且不方便,所以获取咕值卡片需要手动输入咕值信息,具体使用方法如下。
复制以下内容到任意 markdown 编辑器中,并将 ?id=
后面的数字更改为自己的 id,将scores=
后面更换为自己的咕值信息,一共 5 个数字,用逗号分隔。
-
仅使用图片:复制以下内容到任意 markdown 编辑器中,并将
?id=
后面的数字更改为自己的 id,将scores=
后面更换为自己的咕值信息,一共 5 个数字,用逗号分隔。![tobby3600的咕值信息](https://luogu-userinfo-find-tobby.vercel.app/guzhi?id=426462&scores=100,65,45,15,0)
-
使用图片链接:复制以下内容,第二个小括号内的地址是点击该图片跳转的地址,建议设置为洛谷个人主页。
[![tobby3600的咕值信息](https://luogu-userinfo-find-tobby.vercel.app/guzhi?id=426462&scores=100,65,45,15,0)](https://github.com/wao3/luogu-stats-card)
使用卡片时,支持设定自定义效果选项,可以组合使用。
-
隐藏标题,只需在链接最后带上
&hide_title=true
即可,例如:![tobby3600的练习情况](https://luogu.vercel.app/api?id=426462&hide_title=true)
效果:
-
黑暗模式,只需在链接最后带上
&dark_mode=true
即可,例如:![tobby3600的练习情况](https://luogu.vercel.app/api?id=426462&dark_mode=true)
效果:
-
自定义宽度,默认500,限制宽度在500到1920之间,只需在链接最后带上
&card_width=需要的宽度
即可,例如:![tobby3600的练习情况](https://luogu.vercel.app/api?id=426462&card_width=750)
效果:
我就是这么部署的...
部署到自己的 vercel 服务器,登录 vercel 后,点击下方按钮即可部署。