给你的Hexo-Butterfly加入说说功能

2024/3/10更新：我已经从HexoPlusPlus的说说功能换成Giscus了，具体灵感见 #1290。如何给博客安装见此文给你的Hexo-Butterfly添加Giscus评论系统

整了一个上午，终于搞好了
主要是原仓库现在archived了，作者没在维护了，cdn失效了
于是我就fork了一份然后修改了下
勉强能用
可以前往说说查看效果

前言

我们使用 HexoPlusPlus 给 Hexo-Butterfly 添加说说功能。

想要使用 HexoPlusPlus 需要先完成 Hexo集成部署，详见此文： Windows 下简易 Hexo 部署教程 | QiuSYan’s Blog

HexoPlusPlus项目地址：HexoPlusPlus/HexoPlusPlus
HexoPlusPlus官方文档：快速上手 | HexoPlusPlus

我猜有人会问：为什么不用Artitalk呢
因为Artitalk使用LeanCloud为后端，并且需要绑定自己的域名。
如果你域名没备案的话那就只能用LeanCloud国际版，但问题是LeanCloud国际版默认的服务域名是被墙了的…
Artitalk部署的话好像是要一个自己的域名，还要一个它默认提供的域名（？
不清楚，好久之前弄过的，忘了
如果现在用国际版能部署的话请在评论区告诉我

部署HexoPlusPlus

HexoPlusPlus官方文档已经写了很详细了，按照它的说明一步步来就行，此处不再赘述。

请注意，此处文档说要从Github下载的代码请更换为我修改cdn后的代码

其他的按官方文档的来就行。

将HexoPlusPlus说说添加至Hexo-Butterfly

安装插件

在博客根目录下用管理员权限运行CMD，输入

npm install hexo-butterfly-hpptalk --save

以安装适配插件。

添加配置信息

请在 主题配置文件 或 站点配置文件 中加入以下配置：

# HexoPlusPlus Talk
# see https://hexoplusplus.js.org
hpptalk:
  enable: true 
  domain: yourdomain # 请自行更改
  path: talk
  limit: 8
  start: 0 
  js: https://fastly.jsdelivr.net/gh/QSlotus/HexoPlusPlus@latest/talk_user.js
  css: https://fastly.jsdelivr.net/gh/QSlotus/HexoPlusPlus@latest/talk.css
  option:
  front_matter:

参数	解释
domain	【必须】你的 HexoPlusPlus 自定义域名，如 admin.qiusyan.top
path	【可选】hpptalk 的路径名称（默认为 `hpptalk` 生成的页面为 hpptalk/index.html）
limit	【可选】单次获取的最多条数（默认 `8`）
start	【可选】从第几条开始（默认 `0`）
js	【可选】更换 hpptalk 的 JS CDN（默认：`https://cdn.jsdelivr.net/gh/HexoPlusPlus/HexoPlusPlus@latest/talk_user.js`)
css	【可选】更换 hpptalk 的 CSS CDN（默认 `https://cdn.jsdelivr.net/gh/HexoPlusPlus/HexoPlusPlus@latest/talk.css`）
option	【可选】hpptalk 需要的额外配置
front_matter	【可选】hpptalk 页面的 front_matter 配置

完成！你现在可以通过访问 你的博客域名/talk 来查看你的说说页面了。