Hexo 静态博客管理系统

一、最易上手：Hexo Admin（纯前端插件，无需额外部署）
这是适配Hexo最广的轻量管理后台，直接嵌入Hexo本地服务，浏览器访问即可可视化操作，无需搭建额外服务器，适合只想替代命令行写文章、生成部署的场景。

配置步骤（5分钟搞定）

安装插件进入本地Hexo博客根目录，执行命令：

npm install --save hexo-admin

启动本地服务+后台执行Hexo本地服务命令（会自动加载后台）：

hexo server -d # -d 代表启动时自动部署（需提前配置好deploy）

访问管理后台打开浏览器访问：http://localhost:4000/admin/，即可看到可视化后台界面。

核心功能（完全替代命令行）

✅ 可视化创建/编辑Markdown文章（带实时预览），无需手动新建.md文件；
✅ 一键发布（生成静态文件+部署到GitHub/Vercel等），替代hexo g -d；
✅ 管理分类/标签、草稿箱、页面配置，无需手动修改_config.yml；
✅ 可选设置后台密码（避免本地服务被他人访问）：在Hexo根目录_config.yml末尾添加：

admin:
username: 你的用户名
password_hash: 密码哈希值 # 可通过 https://www.md5hashgenerator.com/ 生成密码MD5哈希
secret: 任意随机字符串 # 用于加密会话

优点&缺点

优点：零额外部署、轻量、和Hexo深度集成，保留本地开发流程；
缺点：仅支持本地访问（关闭hexo server后后台不可用），无多端同步功能。

二、进阶方案：Fluid Admin（适配Fluid主题，更贴合中文用户）

如果你的Hexo用的是Fluid主题，推荐这个专为中文用户优化的管理后台，界面更贴合国内使用习惯，功能比Hexo Admin更丰富。

配置步骤

安装插件

npm install hexo-fluid-admin --save

启动服务

hexo server

访问后台浏览器打开：http://localhost:4000/admin/，默认账号/密码：admin/admin（首次登录需修改）。

核心亮点

支持文章封面图可视化上传（无需手动写图片路径）；
集成评论管理、站点统计（如PV/UV）；
适配移动端，手机也能编辑文章。

三、全功能方案：使用静态博客管理系统（支持远程访问、多端同步）

如果希望像WordPress一样，随时随地通过网页后台管理博客（无需打开本地电脑），可以用“管理系统+Hexo”的组合，核心是把Hexo的编译/部署逻辑托管到服务器/云平台，推荐2个成熟方案：

方案1：Butterfly（开源管理系统，适配Hexo/Next/Butterfly主题）

特点：独立部署的后台系统，支持远程登录、多用户管理、文章定时发布，可对接GitHub/Vercel自动部署；
部署方式：支持Docker一键部署（适合有轻量服务器的用户），也可部署到云函数；
地址：https://github.com/ButterflyDevs/Butterfly

方案2：CloudBase CMS + Hexo（腾讯云托管，无服务器部署）

特点：基于腾讯云CloudBase的无服务器CMS，无需自己搭服务器，直接在云端管理Hexo文章，编辑后自动触发部署；
核心流程：
1. 开通腾讯云CloudBase CMS；
2. 配置CMS和Hexo仓库的关联；
3. 在CMS后台编辑文章，自动同步到GitHub并触发Pages部署；
优势：国内访问快，无需维护服务器，适合非技术背景用户。

四、极简替代：在线编辑器+自动部署（无需本地安装Hexo）

如果不想在本地装Node.js/Hexo，也可以用“在线Markdown编辑器+GitHub Actions自动部署”的方式，彻底摆脱本地命令行：

在GitHub仓库中直接在线编辑source/_posts下的Markdown文章；
配置GitHub Actions：在仓库中添加.github/workflows/hexo-deploy.yml文件，内容如下（自动编译+部署）：

name: Hexo Deploy
on:
push:

branches: [main]  # 你的代码分支

jobs:
build:

runs-on: ubuntu-latest
steps:
  - uses: actions/checkout@v3
  - name: Setup Node.js
    uses: actions/setup-node@v3
    with:
      node-version: 18
  - name: Install Dependencies
    run: npm install
  - name: Generate & Deploy
    run: |
      npm install hexo-cli -g
      hexo clean && hexo g -d
    env:
      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

每次在GitHub在线编辑文章并提交，Actions会自动执行hexo g -d，无需本地操作。

总结

方案

核心优势

适用场景

Hexo Admin

零部署、轻量、本地适配好

习惯本地开发，仅需可视化编辑文章

Fluid Admin

中文优化、适配Fluid主题

使用Fluid主题的Hexo博客用户

Butterfly CMS

全功能、远程访问、多端同步

有服务器，需要完整后台管理能力

CloudBase CMS

无服务器、国内访问快

非技术背景，侧重国内访问体验

在线编辑+GitHub Actions

彻底摆脱本地环境

不想装本地软件，纯网页操作

优先推荐你先试Hexo Admin，5分钟就能用，完全满足“替代命令行生成/部署文章”的核心需求；如果需要远程多端管理，再考虑Butterfly或CloudBase CMS。

Hexo 静态博客管理系统

评论 (0)