新增hexoPro后台管理功能

1.插件选择

    按照网络教程做完博客的部署之后,总感觉还差点东西,仔细一想,感觉还差个后台管理的功能,否则每次写博文时,还得用typora,而且关于页面的新建,文章的新建等都还得使用命令进行操作,既不方便,也不优雅,于是在网络上搜索了以下,发现有人建议用hexo-admin这个插件来进行后台管理,我试了试,发现页面比较简陋,而且推送还报错了,就没有深入研究。后来便在B站上发现了hexoPro这个插件,发现界面美观易用,便选择了此款插件。

2.插件说明与安装

    Hexo Pro 是专为 Hexo 静态博客框架打造的后台管理系统插件,旨在为博客作者和开发者提供更强大、更便捷的内容管理体验。

项目愿景/定位:

Hexo Pro 为 Hexo 用户提供专业级内容管理体验,节省您 90% 的内容维护时间!

✨ 核心优势

  • 🚀 极致易用:界面友好,操作直观,零学习成本上手
  • 🌗 多主题支持:一键切换暗黑/明亮模式,适配不同使用场景
  • 📱 移动端适配:响应式设计,手机、平板、PC 全面支持
  • 🔒 安全可靠:支持多用户权限管理,数据安全有保障
  • ⚡ 高效集成:与 Hexo 生态无缝对接,支持主流插件与主题
  • 🖥️ 桌面端增强:支持多项目切换、智能认证、原生菜单、离线管理等桌面专属功能

1. 作为 Hexo 插件使用

前置要求

  • Node.js 16+
  • Hexo 7.x

安装步骤

1
2
3
4
5
6
7
8
# 1. 安装 Hexo Pro 插件
npm install --save hexo-pro

# 2. 启动 Hexo 服务器
hexo server

# 3. 访问后台管理页面
open http://localhost:4000/pro/

2.使用桌面客户端

系统要求

  • Windows 10+ / macOS 10.14+ / Ubuntu 18.04+
  • Node.js 16+

安装与启动

直接下载 Releases 预构建版本。

使用说明

  • 首次启动选择 Hexo 博客项目目录,自动启动 Hexo Pro 服务
  • 支持多项目切换、自动认证、原生菜单、快捷键等桌面增强体验
  • 详细功能见 桌面端 README

个人使用经验:

  • hexoPro部署前需要进行设置,在系统管理-设置里面,滚轮下滑,看到部署设置这里,有一个”跳过静态文件生成”需要注意,如果是想直接传源码到GitHub上的话就需要打开这个按钮,反之就关闭,关闭之后上传的不是源码而是生成后的文件,需要注意
  • 目前我使用的是v1.2.6-beta.4版本,有个bug,在部署到GitHub上之后发现放在根目录中的_config.butterfly.yml配置文件并没有上传到仓库当中,这导致博客页面的首页背景图不显示,解决办法也很简单,将配置文件中的内容复制一份到\themes\butterfly中的_config.yml即可。