抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

摘要:本文主要介绍了通过使用MongoDB数据库和Vercel服务器将Twikoo评论部署到Hexo博客。

环境

Windows 10 企业版 LTSC 21H2
Node 18.14.0
NPM 9.3.1
Git 2.37.3
Hexo 4.3.1

1 Twikoo评论

1.1 简介

详情查看官方文档:Twikoo官方文档 - 快速上手

2 使用MongoDB

2.1 简介

MongoDB是一款流行的开源文档型数据库,用于存储文档类型的数据,比如博客产生的评论。

MongoDB中文官网:https://www.mongodb.com/zh-cn/

如果有云服务器,可以在服务器上使用MongoDB本地数据库,如果没有云服务器,可以使用MongoDB Atlas云数据库。

2.2 注册账号并创建集群

注册MongoDB账号,然后在邮箱中验证邮件完成注册。

Overview界面中可以设置组织名和项目名,然后创建一个集群:
001-创建集群

在区域选择界面,选择免费的,提供商Provider选择AWS亚马逊即可,区域Region选择N. Virginia (us-east-1)弗吉尼亚州,也可以选择其他的。

继续设置Name集群名称,默认使用Cluster0作为集群名称,可以自定义,一旦设定不可修改。

继续设置Tag标签,这是可选的。

点击页面下方的Create创建免费集群。

2.3 创建用户

进入Database Access界面,创建用户。

选择Password作为认证方式,输入用户和密码,这个用户是用来登录云数据库的,因此密码尽量设置的难一些:
002-创建用户

继续设置用户权限,点击Add Built In Role并选择Atlas Admin选项:
003-设置用户角色

点击页面下方的Add User创建用户。

2.4 设置IP地址

进入Network Access界面,添加能访问云数据库的IP地址。

点击Allow Access from Anywhere或者在Access List Entry输入0.0.0.0/0表示允许所有IP地址的连接,点击Confirm保存设置:
004-添加IP地址

2.5 查看如何连接

进入Database界面,点击集群后面的Connect建立连接,连接方式选择Drivers使用驱动连接:
005-创建连接

使用Driver默认的Node.js作为驱动,使用Version默认的5.5 or later作为版本:
006-配置连接

复制下方mongodb+srv开头的字符串,并将<password>修改为创建用户时设置的密码,将这个数据库连接字符串复制并保存,后面需要用到。

点击页面下方的Close关闭退出即可。

3 使用Vercel

3.1 创建项目

创建账户并登录到Vercel,在Twikoo提供的文档里找到快速创建Vercel项目的链接。

快速链接:部署Twikoo到Vercel

输入GitHub项目名称后会自动在GitHub上创建项目,然后会在Vercel上自动部署,首次部署后会提示需要设置MONGODB_URI环境变量。

3.2 配置项目

进入刚刚创建的项目界面,切换到Settings标签。

在左侧导航栏点击Environment Variables设置,在Key中输入MONGODB_URI,在Value中输入前面设置MongoDB保存的数据库连接字符串,点击Save保存:
007-设置环境变量

在左侧导航栏点击Environment Variables设置,将Vercel Authentication设置为Disable,点击Save保存,这是关闭对项目的登录保护,支持任何人访问项目:
008-关闭登录保护

切换到Deployments标签,点击任意一项后面的...并在下拉选项中选择Redeploy,点击弹出界面下方的Redeploy重新部署,如果环境配置正确,可以看到提示:
009-部署成功

Domains中的https://xxx.vercel.app地址即为环境ID。

4 前端部署

4.1 选择评论系统

在主题的配置文件中选择Twikoo作为评论系统。

特殊配置参考官方文档即可。

评论