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

QiuSYan ( ᗜ ‸ ᗜ )

AI 摘要

正在生成中……

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


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

前言

我们使用 HexoPlusPlusHexo-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,输入

1
npm install hexo-butterfly-hpptalk --save

以安装适配插件。

添加配置信息

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

1
2
3
4
5
6
7
8
9
10
11
12
# 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 来查看你的说说页面了。

  • 标题: 给你的Hexo-Butterfly加入说说功能
  • 作者: QiuSYan
  • 创建于 : 2024-03-07 19:12:22
  • 更新于 : 2024-03-10 19:12:22
  • 链接: https://blog.qiusyan.top/posts/48887.html
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论