hexo后台Qexo保姆版搭建教程

如果您正在读这篇文章,或者您有部署qexo的打算,那么,可能需要这么一点门槛,需要你的博客部署了GITHUB ACTIONS,如果没有的话,请先移步使用Github Action实现全自动部署完成Github Actions的配置。
然后再来部署此文档。

预览

官方文档:qexo官方文档

TO DO

    

Mongodb数据库

    首先去官网注册页面注册一下自己的账号,
注册

    注册好之后登录,应该是如下界面(如果不是,记得点一下左上角的图标):
界面

    点击New Project新建一个项目:
image.png

    ,我们把它命名为qexo,然后点击next
image.png

    然后这里让我们添加成员和设置权限,不过我们不用管,直接Create Project
image.png

    这时,我们就设置好了
    然后点击Create,再新建一个东西(我不知道它叫啥):
image.png

    然后按照如下图操作,
    选择free->Provider选择aws->region选择"AWS / N. Virginia (us-east-1)"->Name随意起啥都行->最后点击create
image.png

    然后我们来到下一个配置界面:
    这里的用户名和密码随意填写,但是自己一定一定一定要记住!,密码可以用mongodb自带的自动生成密码:
image.png

    OK了之后,点击Create User,来到下一步:
    这里它会自动生成我们的ip,不过直接点击后面的remove就可以,我们不是用这个ip。然后我们在IP Address里面填0.0.0.0/0,descriptionall,就可以,然后点击Add Entry
image.png

    哒哒哒,就像这样子,然后就大功告成啦,我们点击最下面的Finish and Close
image.png

    然后会出现一个弹窗,我们点击绿色的Go To Overview
image.png

    OK!这就是成功的界面啦,
image.png

    接下来让我们记下mognodb数据库的连接代码:

    点击connect,再点击Drivers
image.png

    点击右边的复制图标,这就是我们需要的mongodb代码啦,我们把它保存下来,然后把里面的<password>换成之前生成的密码,
image.png

Github + vercel后台配置

一键部署

    首次部署会报错, 请无视并重新进入项目, 在项目设置界面添加环境变量Environment Variables

名称 意义 示例
MONGODB_HOST MongoDB 数据库连接地址 mongodb+srv://cluster0.xxxx.mongodb.net
MONGODB_PORT MongoDB 数据库通信端口 默认应填写 27017 27017
MONGODB_USER MongoDB 数据库用户名 ciraos
MONGODB_DB MongoDB 数据库名 qexo
MONGODB_PASS MongoDB 数据库密码 pwd

    按照如下图示依次填写环境变量(每项都要填写):
image.png

    完成之后应该是这个样子:
image.png

    在Deployments点击Redeploy开始部署, 若没有Error信息即可打开域名进入初始化引导。
image.png

Qexo网页配置前端配置

咕咕咕