This commit is contained in:
2025-08-13 11:07:50 +08:00
parent b8692eebea
commit 81c536e65d
9 changed files with 37 additions and 63 deletions

View File

@@ -8,9 +8,6 @@ summary: >-
这篇文章介绍了如何在Hexo博客中添加AI摘要功能作者寻找并尝试了多个AI摘要插件后最终选择了hexo-ai-summary-liushen插件。安装过程中作者详细说明了如何安装额外依赖并在Hexo配置文件中添加了相关配置。文章还提供了关于内容清洗、摘要字段设置、日志等级、API接口配置、插件适配等方面的详细说明和配置示例。此外作者还介绍了如何将AI摘要集成到Hexo主题中并提供了相关的CSS样式和JavaScript动效代码以实现更加逼真的摘要效果。最后作者提醒用户在运行插件前注意备份并介绍了如何处理可能出现的缓存问题。
date: 2025-08-12 09:46:25
---
{% series webcustom %}
之前在wordpress中看到过ai插件现在使用hexo好像有洪墨AI但是收费有点负担不了于是寻找代替品真的找到了
{% link liushen开发的插件,ai-summary,https://blog.liushen.fun/posts/40702a0d/ %}
@@ -20,13 +17,14 @@ date: 2025-08-12 09:46:25
```BASH
npm install hexo-ai-summary-liushen --save
```
安装额外插件:
```BASH
npm install axios p-limit node-fetch --save
```
安装后在Hexo配置文件`_config.yml`任意位置添加以下配置:
安装后在Hexo配置文件 `_config.yml`任意位置添加以下配置:
```YAML
# hexo-ai-summary-liushen
@@ -125,6 +123,7 @@ concurrency很多模型会限制并发所以这里我利用p-limit插件
如果一切正常,应该可以在每篇文章的顶部看到对应的摘要文段。
# API推荐
由于插件需要自行配置API可能在这方面需要一些帮助所以我整理了一些免费API接口如下
| 接口名称 | 优势 | 劣势 | 字符上限 | 模型类型 | 稳定性 | 简介 |
@@ -134,7 +133,6 @@ concurrency很多模型会限制并发所以这里我利用p-limit插件
| ChatAnywhere GPT_API_free | - 支持多种主流模型GPT-4o、DeepSeek等- 免费使用,无需代理- 接口兼容OpenAI标准接入便捷 | - 免费调用次数有限制如GPT-4o每日5次- 可能存在使用高峰时段资源紧张的情况 | 取决于所选模型如GPT-4o支持128K tokens | 多种主流大模型GPT-4o、DeepSeek等 | 中 | 提供多种主流大模型的免费API接口支持国内直连适合开发者测试和学习使用。 |
| QWQ.aigpu.cn | - 完全免费,无需注册- 基于分布式算力,支持高性能模型- 支持本地运行和共享算力 | - 高峰时段可能需要排队- 依赖社区贡献的算力,稳定性可能受影响 | 未明确限制,具体取决于模型和算力资源 | QwQ 32B大语言模型 | 中等(受算力资源影响) | 基于分布式家用显卡算力的平台提供免费的大语言模型API支持本地运行和共享算力适合开发者和爱好者使用。 |
由于AI摘要仅仅需要小模型即可驾驭无需众多训练知识所以这里两个Lite版本的模型完全可以实现唯一不同的区别可能就是上下文能力啦更好的模型可以接受更长的文本输入不容易丢失我们给予的prompt输出更为准确更符合要求但是考虑到成本和稳定性原因我还是建议前两个。
注意各家都有自有api接口和OpenAI类型接口我们这里选择OpenAI接口输入完整的地址如混元的兼容接口
@@ -142,10 +140,12 @@ https://api.hunyuan.cloud.tencent.com/v1/chat/completions
申请token后正常使用即可。
# Hexo适配
说在前面
有些主题已经有静态ai摘要的功能了可以无需下面的步骤使用插件向文件插入对应的字符串即可下面的教程适用于butterfly或者类butterfly主题如果是其他主题可能需要自行适配。
## 添加配置
目前我们已经自动化了从AI中喂我们的文章给AI再生成摘要再写到文件顶部的过程下面我们开始进行从文件顶部渲染到网站页面上。
首先在主题配置文件 `_config.butterfly.yml`文件中写入配置,方便我们进行控制摘要是否开启:
@@ -455,6 +455,7 @@ document.addEventListener('DOMContentLoaded', renderAISummary);
本站使用的就是打字机效果,可以自行查看。
### 平滑
这个没有样图,如果好奇可以自行部署并尝试:
```js
@@ -507,6 +508,7 @@ function renderAISummary() {
document.addEventListener('pjax:complete', renderAISummary);
document.addEventListener('DOMContentLoaded', renderAISummary);
```
注意平滑滚动部分的css默认注释掉了
好的,设置完毕!
好的,设置完毕!