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

你可以把这张卡片贴在你的个人简介、签名栏,或是其他派得上用场的地方,用来炫耀你的原神账号。
那么,这种居家旅行,出门在外的必备良品,该如何获得呢?

很简单,只要使用 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 -vnpm -vyarn -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.pugCTRL+H批量替换,将

https://genshin-card.getloli.com

替换为你自己的域名,比如:

https://genshin-card.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://genshin-card.himiku.com ,不过不保证稳定性。

一些参考

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