type
Post
status
Published
date
Mar 15, 2024
slug
love-trick
summary
tags
开发
推荐
必看精选
热门文章
category
技术分享
icon
password
项目图片（部分）
部署前的准备工作
首先打开项目love-trick。
先点个star，再Fork到自己的GitHub仓库。
新建一个txt文本
获取免费数据库，SQLPub - 免费的MySQL数据库
填完基本信息，会出现一个页面，截图保存，并且把里面的值复制到txt文本中对应的地方。
连接数据库 (sqlpub.com)
复制以下的sql语句到输入框中并执行。
执行成功后刷新页面左边会出现如下数据表。
获取企业微信机器人的地址，如果不需要微信通知可省略
下面是几个教程，自己可以选一个看。
获取到地址后，填入txt文本WX_ROBOT_URL那一行。
获取免费图床的key
先注册个账号：ImgBB — 免费图片存取/上传图片
注册之后获取你的key，并且填入txt文本中IMGBB_API那一行。
获取key的网址：API — ImgBB
关于WEB_URL
这个是微信通知里快捷跳转的网站地址，如果你有想要设置的网站地址直接填进去就行，反之不用填。
打开Vercel，如果没有注册，直接用GitHub账号登录即可。
新建一个项目，选择love-trick项目导入。
填入环境变量，一定要填对应的值。前面获取到的值。
这里我以IMGBB作为图床，其他的图床获取也大同小异，记得修改成对应的环境变量即可。
填写完成之后点击下面的Deploy，即可开始部署。稍等一会即可部署完成。
打开网址验收成果
先去Vercel的控制台，点击我打马赛克的地方就可以查看部署成果了。
注册账号，开始使用
- 点击登录页中间的圆形图片开始注册
- 项目中所有的图片不传都可以，会使用随机动漫图片。
国内访问优化
请注意，默认分配的vercel.app地址国内是不可访问的，所以需要我们自己添加一个域名。
按图示进入页面后，会有提示指引你添加二级域名。
我的成品项目在线访问地址：love-trick
