让HEXO“动起来”-体验Qexo静态博客管理面板

发表于 更新于 分类于 阅读次数： 本文字数： 988 阅读时长 ≈ 4 分钟

前言

对于习惯了使用WordPress等传统CMS程序的用户来说，使用纯静态的hexo更新网站或多或少还是有些不太适应。缺少了管理后台，无法直观的管理站点的日志和页面，只能通过一个个静态文件来更新。并且想要发布还需要去向github提交更改。

介绍

qexo01.png

Github上有个开源项目名为Qexo，这是一个为静态站点而生的项目，官方介绍为“Qexo 是一个快速、强大、美观的在线 静态博客编辑器。使用 GPL3.0 开源协议。支持包括且不限于在 Vercel 等平台部署, 为您的静态博客添加动态的元素”。程序方面目前支持Hexo、Hugo和Valaxy。如果你正在使用这些程序，可以尝试一下。这个项目支持在Vercel平台一键部署，免去了额外的花销。而且官方也有较为详细的配置文档，新手也很容易上手。Qexo 文档 (oplog.cn)
部署前需要确认你的hexo已经通过github action设置了自动化部署，如何设置github action可以参阅我之前的文章使用GitHub Action实现HEXO的自动编译和发布 | 渊澄|YCYC.WIN
还需要注意的是如果你是在vercel部署的，需要在项目设置那里将node.js版本降级为18.x。这一点文档里面也着重强调了。

部署完成之后就可以进入站点页面进行配置了。（当然你也可以在vercel设置自定义域名，只需将域名cname解析到vercel即可）。根据页面提示和文档获取相关的github和vercel密钥，然后创建管理员账户之后就可以登录了。
qexo00.png

Qexo同样支持图床的配置，但是我配置完Github图床之后有系统报错，看报错代码像是仓库中有同名文件，picgo422错误代码 | 渊澄|YCYC.WIN，但已排除。不知何故，已经在项目issues提问了。—

经过排查，问题为设置界面的“保存路径”输入有误，需要按照Qexo的格式来填写，和其他图床插件不一样。Qexo 文档 (oplog.cn)

https://img.ycyc.win/Qexo/24/9/image_547c7788639701b124967757991368f9.png

界面上的日志新增、编辑、删除都会push到Github仓库。
虽然面板上还无法像wordpress那样对种主题和插件进行可视化设置，但是可以从配置选项卡直接编辑对应的配置文件，也算是弥补了一些遗憾。
image.png

另外Qexo还提供了一个说说和友情链接的模块可供选用，部署也简单，只需新建相关页面，然后插入代码对应即可。另外说说的编辑是不会产生仓库push的。实际测试该模块在国内的网络环境下好像加载不出来，可能与Qexo部署在vercel有关。
image.png

后记

整体体验下来还算可以，界面设计和布局都比较容易上手。只是响应速度有点慢，可能与vercel访问速度慢有关。还有一个问题我发现站点实际的文章总数与Qexo界面显示的文章总数不一致，可能是我新发的两篇文章是在安装了Qexo之后用Obsidian发布的，没有统计进去。（这个问题在界面刷新界面清除缓存或者设置webhook可解决）。常见问题 | Qexo 文档 (oplog.cn)

https://img.ycyc.win/Qexo/24/9/image_636f76ab9a82fe2264b49d3f2e4a0d66.png

另外我目前已经习惯了在Obsidian编写hexo，大部分情况可能不会去用Qexo编写，但是如果在移动端等其他不方便部署环境的地方，会选择用Qexo来进行站点的更新。可以作为一个备选方案。

f5c3d9a5b0a822be70c754af795b6c7.jpg

引用

Qexo 文档 (oplog.cn)
Qexo/Qexo: A fast, powerful and beautiful online manager for all static blog frameworks. (github.com)