使用 Vercel 的 Serverless 做了一个快速生成 steam 资料卡的小工具

2021-12-31 22:42:49 +08:00
 lyc575757

灵感来自于github-readme-stats这个项目

主要功能

使用 steamid 即可生成一个 steam 资料卡 URL ,可以嵌入到 html ,markdown ,bbs 中

类似这样:

https://steamcard.vercel.app/card?steamid=76561198340841543

效果:

实现流程:

1.通过 steam 公开的 API 获取到相关信息

2.动态生成 SVG 标签并返回

后续打算推出更多可供选择的主题吧,之前没怎么接触过 SVG ,都是边写边翻文档。

由于之前一直用 JS ,这次用 TS 写,可能源代码会有不少问题,欢迎大家提出好的建议。

github 地址

1492 次点击
所在节点    分享创造
2 条回复
JustSong
2022-01-01 01:19:04 +08:00
我也有一个类似的项目,目前支持知乎,GitHub ,B 站,掘金,牛客,CSDN ,供参考: https://github.com/songquanpeng/stats-cards
muzihuaner
2022-01-01 08:42:07 +08:00
好耶

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/825595

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX