⚡ 快速生成你的Steam资料卡片

⚡ 快速生成你的Steam资料卡片

Property

Sep 8, 2022 01:54 PM

Status

Date

URL

https://github.com/yuyinws/steam-card

notion image

SteamCard

用户指南

简体中文 | English

快速生成自己的 steam 资料卡

使用

找到自己的 steamid

1.登录 steam，进入个人主页。

2.这时你会看到类似一个这样的链接：

https://steamcommunity.com/profiles/76561198028121353/

如果你没有使用自定义 URL，后面的一串数字就是你的 steamid

3.如果你使用了自定义 URL，在你的自定义 URL 后面加上'?xml=1',类似这样

https://steamcommunity.com/profiles/CUSTOM_URL/?xml=1

4.steamID64节点里的就是你的 steamid

关键字配置

通过在URL中传递关键字，可以对卡片进行个性化配置

关键字

分类

作用

dark(默认值)

使用深色主题

light

使用亮色主题

badge

显示徽章图标

group

显示群组图标

artworks

显示艺术作品数

screenshots

显示截图数

guides

显示指南数

reviews

显示评测数

zh-CN（默认值）

显示简体中文

en

显示英文

使用示例

不传递任何关键字

https://card.yuy1n.io/card/76561198028121353

notion image

显示徽章和群组图标

https://card.yuy1n.io/card/76561198028121353/badge,group

notion image

使用亮色主题

https://card.yuy1n.io/card/76561198028121353/badge,group,light

notion image

指定语言

https://card.yuy1n.io/card/76561198028121353/badge,group,light,en

notion image

URL引用

HTML

<img width="400" height="140" src="https://card.yuy1n.io/card/76561198028121353"></img>

Markdown

![](https://card.yuy1n.io/card/76561198028121353)

论坛/BBCode

[img=400,140]https://card.yuy1n.io/card/76561198028121353[/img]

开发

全局安装 vercel Cli

npm install -g vercel

Fork 项目

本地调试

复制配置文件
cp .env.example .env

将你的Steam API KEY添加到配置文件中

STEAM_KEY=YOUR_STEAM_KEY

# 安装依赖
pnpm install
# 或
yarn install
# 或
npm install

# 启动服务
vercel dev

配置代理

将.env 文件中的代理配置指向你本地的代理程序，以 Clash 为例

PROXY_HOST=localhost
PROXY_PORT=7890
# 为了与生产环境区分开，MODE必须要设置为development
MODE=development

Thanks

github-readme-stats