20.内容拓展：后台管理系统：Hexo Pro 集成指南

前言：功能介绍

本指南将引导您完成 hexo-pro 的安装和基础配置。hexo-pro 是一个专为 Hexo 打造的后台管理系统插件，安装后，您可以通过一个可视化的网页界面来管理您的整个博客，包括撰写/编辑文章、管理页面、上传图片、修改配置等，极大地提升内容创作和维护的效率。

核心流程概览

1. 确认环境与前提：检查您的 Hexo 和 Node.js 版本是否符合要求。
2. 安装 Hexo Pro 插件：通过 npm 将插件安装到您的博客项目中。
3. 启动并访问后台：使用带参数的命令启动本地服务，并访问后台管理页面。
4. 进行初次设置：创建您的管理员账户。

第一步：确认环境与前提

根据插件文档，开始前请确保您的开发环境满足以下要求：

• Hexo 版本: 7.x 或更高。您可以在终端中运行 hexo version 来查看。
• Node.js 版本: 16 或更高。您可以在终端中运行 node -v 来查看。

第二步：安装 Hexo Pro 插件w

在您 Hexo 博客的根目录下，打开终端，并运行以下命令来安装插件：

1

npm install hexo-pro --save

这个命令会自动下载并安装 hexo-pro 及其所需的所有依赖项。

第三步：启动并访问后台管理页面

1. 运行启动命令

   • 安装完成后，请在终端中运行以下命令来启动 Hexo 的本地服务：

   1	hexo server -d

   (这里的 -d 参数是 hexo-pro 要求的一个启动方式)

2. 访问后台页面

   • 服务成功启动后（终端会显示 Hexo is running at http://localhost:4000/），打开您的浏览器。
   • 在地址栏输入以下地址并访问：
     http://localhost:4000/pro/

如果一切顺利，您应该能看到 Hexo Pro 的登录或初始设置界面了。

第四步：进行初次设置

根据 Hexo Pro 的文档说明，首次访问时，您可以选择设置一个新的管理员账户和密码，或者直接跳过，进入管理系统。

为了您博客内容的安全，强烈建议您创建一个自己的管理员账户。

日常使用流程

配置完成后，您管理博客的日常流程会变为：

1. 在需要写作或管理时，在终端运行 hexo server -d 启动带后台的服务。
2. 在浏览器中访问 http://localhost:4000/pro/ 来撰写/编辑文章、管理图片等。