本文最后更新于 2024-04-30,文章内容可能已经过时。


根据你的Steam状态动态生成图片

steam-card: 快速生成你的Steam资料卡片⚡ (github.com)

Demo:

Steam Card (steam.pddgo.com)

QQ20240423-204107@2x.png

卡片样式

🔥 特性

  • 动态生成: 卡片内容会根据你的Steam状态动态生成

  • 用户友好: 通过在线配置页面生成你的Steam资料卡片

  • 国际化: 支持多种语言

  • 可定制化: 超过10项的可定制化项目

  • 可部署: 支持以Vercel, Netlify, Railway或者 Docker方式部署

📦 部署

Note 卡片信息每24小时更新一次,如果你想要更短的卡片信息更新时间,可以自己部署该项目。

环境变量

名称

描述

示例

STEAM_KEY

Steam Api Key

5B23D7ECExxxxxxB58C57BC242

CACHE_TIME

请求缓存时间(秒)

3600

PaaS

Deploy with Vercel

Netlify

Deploy on Railway

Deploy on Zeabur

Docker

docker pull lyc575757/steam-card
docker run -d \
-e STEAM_KEY=5B23D7ECE730xxxxxxxxx57BC242 \
-e CACHE_TIME=3600 \
-p 3000:3000 \
lyc575757/steam-card

⚒️ 开发

Note 前置条件:

Node >=16

Steam Api Key

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

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

STEAM_KEY=YOUR_STEAM_KEY
# 安装依赖
pnpm install
# 或
yarn install
# 或
npm install

# 启动服务
npm run dev

源项目GitHub:https://github.com/yuyinws/steam-card