Blue Archive Logo API搭建
引言
Blue Archive,国内又称 蔚蓝档案 、 碧蓝档案
《蔚蓝档案》是一款由韩国NEXON Games旗下的MX studio开发,上海悠星网络科技有限公司发行的二次元角色扮演游戏。日文版于2021年2月4日上线,中国和日本以外发行的海外版于2021年11月9日上线。简体中文版2023年8月3日上线。
游戏中玩家将扮演教师,带领性格迥异的学生们通过重重考验,打败敌人,寻找真相。
制作原因
在《蔚蓝档案》里,最有名的文字图片莫过于仿制的游戏LOGO了
蔚蓝档案LOGO
因此,网络上出现了很多针对这个LOGO的二创。
但当我们希望在自己项目中针对这个生成图标的功能制作插件时,一般更希望能够直接使用网络API实现抓取图片
毕竟谁希望在已经有现成模型的情况下还要自己手搓一个呢)
教程
在本次教程中,我推荐大家使用HuggingFace平台+一点点魔法制作一个简易的GET请求LOGO API
创建Space空间
首先我们需要一个HuggingFace的账号,可以从HuggingFace官网直接注册认证邮箱获取。
转到个人信息中,点击Create Space
创建空间,配置空间名称与可见性等
部署API
在部署API方面,可以通过普通部署与Docker部署两种形式完成,此处我仅会讲解普通安装方法,若想了解Docker部署,请跳转至第三章节
普通部署
1.需要安装:
nodejs
pnpm
2.克隆项目3.安装完成后执行
pnpm install
安装依赖4.最后使用
pnpm run start
即可启动项目
将整个仓库打包下载至本地,并上传至创建后的Space空间中
修改目录下文件,路径为
balogo-ts
└── src
└── config.ts
内的 port: process.env.port ?? 3000,
将3000
更改为7860
具体为 port: process.env.port ?? 7860,
创建Dockerfile
,内部添加如下代码
FROM node:18.19.0-bullseye-slim
#获取nodejs镜像docker
ENV TZ Asia/Hong_Kong
#设置时区
WORKDIR /balogo-ts
#设置工作目录在balogo-ts下
COPY . /balogo-ts
#将空间里全部内容复制至工作目录里
RUN npm install pnpm -g
RUN pnpm install
#安装pnpm与对应依赖
EXPOSE 7860
#暴露端口7860
CMD ["pnpm", "run", "start"]
#启动服务
尝试构建
使用
访问网页 https://[你的用户名]-[你的空间].hf.space
不出意外,能够返回一张默认logo图片
通过在
https://[你的用户名]-[你的空间].hf.space/?
后面添加各种参数,以连接符&
连接做到自定义内容与颜色
参数名 | 类型 | 介绍 | 默认值 |
---|---|---|---|
textL |
string |
左侧文本 | Blue |
textR |
string |
右侧文本 | Archive |
graphX |
number |
光环X 方向位移 |
-15 |
graphY |
number |
光环Y 方向位移 |
0 |
transparent |
boolean |
背景透明 | false |
bgColor |
string |
背景颜色 需要背景非透明 | #fff |
textLColor |
string |
左侧文本颜色 | #128AFA |
textRColor |
string |
右侧文本颜色 | #2B2B2B |
type |
string |
是否使用JSON 输出 |
image |
等等,具体请查看原作者项目仓库
这里推荐大家仅修改textL
与textR
两项即可,若有更多需求,可以参照原作者项目README进行配置
结尾
若不想花费大量时间或者魔法来搭建空间的话,可以使用我已经搭建完毕的API
https://travellerr11-balogo.hf.space