【工具】快速生成你的Steam信息卡片

518292 · 发表于 2022-1-1 12:10:51 · 浙江

本文为其乐用户(UID:518292) 发布的原创文章，转摘前请联系该用户获得许可

本帖最后由 518292 于 2022-7-23 16:23 编辑

主楼的部分信息已经失效，
最新的使用文档请访问Github仓库地址
https://github.com/yuyinws/steam-card/blob/master/README.md

更新

2022-01-03（v1.1.0）

卡片样式调整，群组图标与徽章图标改为通过URL参数显示（默认隐藏），详细使用见下文设置样式部分

2022-01-02

卡片样式调整，现在支持显示群组信息与徽章图标
引用链接优化，现在可以用更简洁的链接来引入卡片（感谢@chr_的代码贡献）

效果

使用方法

1.请先确保你的Steam信息处于公开状态
2.找到你的Steam64位ID，具体可以看这篇帖子
3.在以下链接中替换你的Steamid

https://steamcard.vercel.app/card/<your_steamid>
// 示例URL
https://steamcard.vercel.app/card/76561198340841543

复制代码

引用

直接在浏览器中打开链接查看效果
在论坛帖子/签名当中使用
1. [img=400,140]https://steamcard.vercel.app/card/<yoursteamid>[/img]
复制代码
在HTML中使用
1. <img width="400" height="140" src="https://steamcard.vercel.app/card/<yoursteamid>"></img>
复制代码
在Markdown中使用
1. ![](https://steamcard.vercel.app/card/<yoursteamid>)
复制代码

设置样式

URL格式：“https://steamcard.vercel.app/card/:steamid/:theme/:group/:badge”

参数名	含义	合法参数值	是否必传	默认值
steamid	用户的Steamid	/	是	/
theme	卡片主题	“dark”：暗色；“light”：亮色	否	dark
group	是否显示群组图标	“true”：显示群组图标；“false”：隐藏群组图标	否	false
badge	是否显示徽章图标	“true”：显示徽章图标；“false”：隐藏徽章图标	否	false

亮色
“https://steamcard.vercel.app/card/76561198340841543/light”
暗色
“https://steamcard.vercel.app/card/76561198340841543/dark”
显示群组图标
“https://steamcard.vercel.app/card/76561198340841543/dark/true”
显示徽章图标
“https://steamcard.vercel.app/car ... 1543/dark/true/true”

其他

服务托管于Vercel，保证稳定。
更多详细的介绍可以到Github仓库（能给个Star就更好了~)
欢迎大家提出好的建议

更新

2022-01-03（v1.1.0）

2022-01-02

效果

使用方法

引用

设置样式

其他

本帖被以下淘专辑推荐:

▘慧眼独具

▘车资存根

▘片十字花瓣

积分封禁

预备会员

超级版主

研发支持

认证发行商

浪人

平台开发者

绿光作者

QQ游客

初阶会员

实习版主

管理员

版主

禁言会员

封禁帐户

封禁网段

游客

待验证用户

论坛贵宾

群组维护

进阶会员

高阶会员

精锐会员

支柱会员

核心会员

旗舰会员

毕业会员