twkioo使用vercel部署全过程

开始

由于咱粗心的把mongodb的数据删除后,真的超不甘心啊,😭 评论区近半年的数据又一次丢失,为了提醒自己,改掉这粗心的坏毛病,我打算自己写这么一篇安装文章,话不多说,我们开始把!

所需的材料

一个·可以绑定twikoo的域名,vercel账号(使用github注册即可),mongodb账号(不会的找一下其他博客教程)

配置

mongodb配置

登入mongodb后新创建一个集群,地区选择 AWS / N. Virginia (us-east-1),如图所示。全部配置完毕后点击Create Cluster

01

配置好后在页面就能看到刚刚创建的数据库了,点击connect来准备后面的环境变量配置,如果你还没有添加数据库访问用户请下滑找到数据库用户配置教程,已添加可忽视。点击Drivers,找到这里,如图所示,请务必将下面的代码复制好,接下来在后面的步骤会用到。xxxxx为你的用户名和密码下面是例子请不要复制

https://pic.skira.top/Skirafile/d1ds2.webp

https://pic.skira.top/Skirafile/120445.webp

mongodb+srv://xxxxx:xxxxx@cluster0.6c2trlq.mongodb.net/?retryWrites=true&w=majority

配置ip白名单,点击侧边栏的Network Access点击 ADD IP ADDRESS选项,将0.0.0.0的ip地址添加到内,点击confirm即可,如图所示

https://pic.skira.top/Skirafile/112509.webp

https://pic.skira.top/Skirafile/112630.webp

添加数据库访问用户点击侧边栏内的Database Access选项,点击ADD NEW DATABASE USER选项,第一栏添加你的用户名,第二栏密码,选择随机密码或者自己能记得住的都行,推荐随机密码,会更安全一些,完毕后点击ADD USER即可,如图所示

https://pic.skira.top/Skirafile/113727.webp

https://pic.skira.top/Skirafile/114032.webp

请务必牢记你的密码用户名,因为接下来会用到

Vercel配置

点击以下链接将twikoo部署到vercel内即可.

备用链接:官网点击此处

Repository Name内输入部署名称点击create即可,如图所示。稍等片刻即可部署完毕。

07

环境变量配置

在Vercel打开你在上一步所命名的项目,点击Settings,点击Environment Variables,在Key下面空白处填写值

MONGODB_URI ,Value值为在mongodb所复制的代码点击ADD another 点击save并保存。

https://pic.skira.top/Skirafile/115136.webp

重新构建

在项目内找到Deployments选项,点击Redeploy选项即可。如图所示

https://pic.skira.top/Skirafile/121027.webp

https://pic.skira.top/Skirafile/121138.webp

查看效果

在项目首页点击visit打开后提示以下内容即为部署正确,如果出现其他内容,请按照步骤重新开始。

https://pic.skira.top/Skirafile/121316.webp

{"code":100,"message":"Twikoo 云函数运行正常,请参考 https://twikoo.js.org/quick-start.html#%E5%89%8D%E7%AB%AF%E9%83%A8%E7%BD%B2 完成前端的配置","version":"1.6.17"}

到这步的话,twikoo就已经配置完毕了,可以使用vercel自带的域名访问,并填入你的主题配置文件即可。但由于vercel的域名在国内处于被墙状态,如果想在国内访问需要更换域名为你自己的即可。

更换域名

点击Settings点击Domains,在下面输入你的域名,打开你的域名服务商,选择Cname 将vercel-dns.com填入即可。

https://pic.skira.top/Skirafile/122040.webp

结束

本教程到这里就结束啦,如果有其他疑问,可以在评论区内留言,咱看到了话会及时回复,在这里也感谢看到这里,十分蟹蟹😊