This commit is contained in:
biss committed 2025-08-13 11:07:50 +08:00
1 parent b8692eebea
commit 81c536e65d
9 files changed
+33 -59

No files matched your search

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