HexoPlusPlus 项目安装与使用教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00297/article/details/142409560

HexoPlusPlus 项目安装与使用教程

HexoPlusPlus :gift:基于CloudFlareWorker的无服务器Hexo后端,目标:解决静态博客所有痛点[文章编辑、图片上传、博主活跃信息统计、博主说说]【学业繁忙，重铸中】项目地址: https://gitcode.com/gh_mirrors/he/HexoPlusPlus

1. 项目目录结构及介绍

HexoPlusPlus 项目的目录结构如下：

HexoPlusPlus/
├── github/
│   └── workflows/
├── src/
├── .gitignore
├── CHANGELOG.md
├── LICENSE
├── README.md
├── gulpfile.js
├── index.js
├── package-lock.json
├── package.json
├── update.js
└── wrangler.toml

目录结构介绍

github/workflows/: 包含 GitHub Actions 的工作流配置文件。
src/: 项目的源代码目录，包含主要的业务逻辑代码。
.gitignore: Git 忽略文件配置。
CHANGELOG.md: 项目更新日志。
LICENSE: 项目许可证文件，采用 GPL-3.0 许可证。
README.md: 项目说明文档。
gulpfile.js: Gulp 构建工具的配置文件。
index.js: 项目的入口文件。
package-lock.json: 锁定项目依赖版本的文件。
package.json: 项目的依赖管理文件。
update.js: 更新相关的脚本文件。
wrangler.toml: Cloudflare Workers 的配置文件。

2. 项目启动文件介绍

项目的启动文件是 index.js，它是 HexoPlusPlus 的核心文件，负责处理请求和响应。以下是 index.js 的主要功能：

请求处理: 处理来自客户端的请求，包括文章编辑、图片上传、博主活跃信息统计等功能。
响应生成: 根据请求生成相应的响应，返回给客户端。
依赖加载: 加载项目所需的依赖库，如 jQuery、Bootstrap 等。

3. 项目配置文件介绍

wrangler.toml

wrangler.toml 是 Cloudflare Workers 的配置文件，用于配置 Workers 的环境和 KV 数据库。以下是配置文件的主要内容：

name = "hexoplusplus"
type = "javascript"
account_id = "your_account_id"
workers_dev = true
route = "your_domain/hpp/*"
zone_id = "your_zone_id"
kv_namespaces = [
  { binding = "HEXO_KV", id = "your_kv_namespace_id" }
]

配置项介绍

name: 项目的名称。
type: 项目的类型，这里是 JavaScript。
account_id: 你的 Cloudflare 账户 ID。
workers_dev: 是否启用 Workers 开发环境。
route: 项目的路由配置，指定访问路径。
zone_id: 你的域名 Zone ID。
kv_namespaces: KV 数据库的配置，绑定到项目中。

package.json

package.json 是 Node.js 项目的依赖管理文件，包含项目的依赖库和脚本命令。以下是主要内容：

{
  "name": "hexoplusplus",
  "version": "1.0.0",
  "scripts": {
    "start": "wrangler dev",
    "build": "gulp build"
  },
  "dependencies": {
    "jquery": "^3.6.0",
    "bootstrap": "^4.6.0",
    "marked": "^2.0.0"
  }
}