这是一张原神的个人信息卡片，其中包含你的活跃天数、角色数量、达成成就数、宝箱数、世界探索度的简要信息，包括你近期凹了几层深渊。

你可以把这张卡片贴在你的个人简介、签名栏，或是其他派得上用场的地方，用来炫耀你的原神账号。

那么，这种居家旅行，出门在外的必备良品，该如何获得呢？很简单，只要使用 journey ad 大佬的「原神玩家信息卡片生成工具」，就可以直接生成。最重要的是，它会根据实时数据自动更新，无需再手动修改。

如何使用

首先，你需要在手机上下载「米游社」，注册账号登录后，绑定你的原神账号，并在个人页记下你的「通行证ID」。

接着，打开「原神玩家信息卡片生成工具」，按照使用说明，把「通行证ID」填进去。

再选择喜欢的背景，就可以生成卡片啦！

但是大佬的服务有一点不好，就是有时候网络不太顺畅，图片会加载不出来。

所以，我决定自己部署一个。

安装过程

安装 Nodejs、Yarn

先安装nodejs：

# Using Ubuntu
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

# Using Debian, as root
curl -sL https://deb.nodesource.com/setup_14.x | bash -
apt-get install -y nodejs

再安装yarn：

npm install yarn -g

用node -v、npm -v和yarn -v检查一下版本，说不定没安装上。

获取米游社Cookie

打开米游社，登录账号，获取你的米游社COOKIE。

直接F12，或是CTRL+SHIFT+J，打开控制台。找到Console，输入document.cookie，按下回车键。把弹出的值整个全复制走。

安装 genshin impact card

下载源码：

git clone https://github.com/journey-ad/genshin-impact-card.git

进入目录：

cd genshin-impact-card

编译：

yarn install

导入cookie：

export COOKIE="你复制的cookie"

启动程序测试下：

yarn serve

如果使用ip:3000直接访问能打得开网页，且控制台里提示：

{"level":30,"time":1618231495550,"pid":xxxx,"hostname":"xxxx","msg":"Your app is listening on port 3000"}

那就没问题了。

但是退出控制台之后，程序无法运行，可以考虑使用pm2保活：

npm install pm2 -g
cd genshin-impact-card
pm2 start index.js --name genshin 
pm2 startup
pm2 save

如果需要停止、删除、重启程序，命令如下

重启
pm2 restart genshin
停止
pm2 stop genshin

Nginx 反代

直接用ip:3000访问还是不太行，用Nginx反代下。在server段加入配置：

server {
//省略
  server_name genshin-card.yourdomain.com;
//省略
  location / {
    proxy_pass http://localhost:3000;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  }
  //省略
}

其他修改

1. 端口

如果3000端口已经被占用了，就换个新的。

修改/genshin-impact-card/index.js，第87行

const listener = app.listen(3000, () => {

将3000替换成你想要的端口，不重复就行。

2. 替换链接

既然自己部署了，那就要替换掉 jad 大佬的链接。

修改/genshin-impact-card/views/index.pug，CTRL+H批量替换，将

https://genshin-card.getloli.com

替换为你自己的域名，比如：

https://ys.himiku.com

3. 关闭讨论

这个程序还附带一个讨论板，对我来说没什么用，关掉。

在/genshin-impact-card/views/index.pug，找到第115行，直接删除或是注释掉。

iframe(src="https://chat.getloli.com/room/@genshin-impact-card?title=%E5%8E%9F%E7%A5%9E%E7%8E%A9%E5%AE%B6%E4%BF%A1%E6%81%AF%E5%8D%A1%E7%89%87%E7%9A%84%E7%95%99%E8%A8%80%E6%9D%BF", scrolling="no", frameborder="0", height="70%", width="26%", style="position: fixed;top: 2%;right: 5%;")

记得改动完保存之后，重启程序

pm2 restart genshin

完工啦！我自己的服务地址是：https://ys.himiku.com ，不过不保证稳定性。

一些参考

  1. Linux发行版安装Nodejs
  2. genshin impact card
  3. Genshin-card 原神玩家信息小卡片生成器自建指南

本文作者：mikusa

本文链接：https://www.himiku.com/archives/genshin-impact-card.html

封面出处：謹 賀 新 年 / TiMEO #Pixiv

版权声明：所有文章除特别声明外均系本人自主创作，转载及引用请联系作者，并注明出处（作者、原文链接等）。