添加博客后台管理系统

Hexo博客后台管理系统

展示

Qexo 是一个快速、强大、美观的在线 静态博客编辑器。使用 GPL3.0 开源协议。支持包括且不限于在 Vercel 等平台部署,为您的静态博客添加动态的元素

01-Qexo展示-20230324-895

特色功能

文章管理~全新界面

2.0版本的 Qexo 重新设计了文章编辑页面,您可以更优雅地进行文章编辑

支持多种图床上传,上传尽在弹指之间。

缓存功能~速度至上

支持将文章、页面、配置索引一键缓存至数据库,保证您的高速访问

Webhook 全自动清除缓存,时刻保持数据最新

麻雀虽小~五脏俱全

  • 模块化架构
  • 支持多种 Hexo、Hugo、Valaxy 托管商 Github、Gitlab、本地
  • 多种图床协议支持 Github、S3、FTP、远程API
  • Markdown 语法 + 多种编辑界面,所见即所得
  • 通知中心 通知栏 + 红点标记
  • 多形式推送 Bark、Telegram、Pushdeer、Wechat…
  • reCaptcha 防止垃圾信息侵害
  • 友情链接 前端申请,一键接入
  • 自动更新 简单方便,保持最新
  • 自定字段 / 站点统计 / 页面管理 / 配置编辑
  • 评论通知 / 图片上传 / 标识生成 / API 拓展

视频教程

视频操作演示:

创建数据库

打开MongoDB注册一个免费的数据库,账号的注册过程就不带你注册了。

02-创建一个免费的MongoDB-20230324-714

创建用户

03-创建用户-20230324-790

设置用户权限

04-创建用户-20230324-765

复制数据库链接

05-复制数据库链接-20230324-586

06-复制链接-20230324-144

部署Qexo项目到Vercel

Deply

随便写一个项目名字,最好是和Hexo有关的名字。第一次部署时一定会出错的,是正常的,可以忽略。

00-New Project 20230324-573

01-第一次部署会出错-正常现象 –20230324-886

填写环境变量

02-填写环境变量-20230324-529

重新部署项目

03-重新部署项目-20230324-934

部署成功

04-部署成功–20230324-543

添加域名及解析

05-添加域名-20230324-861

06-域名商解析域名-20230324-997

解析成功

07-解析成功-20230324-943

配置博客后台管理

访问后台管理

如果你没有设置域名解析,看上面哪一步部署成功那个图,打开博客网站

05-Hexo管理面板-初始化-z20230324-893

博客配置

06-博客配置-Moz20230324-617

  • 服务商:根据自己的情况填写,你的hexo源码要是在GitHub,就写github,不在GitHub,那就要将源码部署在GitHub才可以。

  • 使用配置:你如果是Hexo就选Hexo,不是Hexo,是Hugo,就选Hugo。

  • Gtihub秘钥:要自己取GitHub创建一个。

  • Github仓库:就是Hexo或者Hugo的源码仓库。仓库填写格式用户名/仓库名

  • 项目分支:就是你的博客源码的分支位置。比如我的博客,Hexo和Hugo的源码都放在一个仓库里面,Hexo源码放在main分支,Hugo源码就放在hugo分支,源码在那个分支就写那个。

  • 博客路径:不填

配置获取教程

Token获取

07-token-20230324-545

分支 & 仓库名获取

08-用户名-分支-20230324-497

Vercel配置

还要给该后台管理vercel仓库的权限,给予权限就需要token了,操作指定的仓库,就需要项目ID了。

09-Vercel配置-20230324-034

Vercel配置获取教程

创建Token

10-tokens-20230324-905

11-copytoken-20230324-407

项目ID获取

12-projectID-20230324-905

部署成功

13-配置完成-z20230324-553

部署Qexo的后台管理教程就到这里了。

该项目还可以配置Hugo的moments项目使用,使个人动态也有在线编辑,具体实现可以阅读本站这篇文章Hugo个人动态部署