BearSimple主题的文章摘要、相关推荐生成AI
2023年 08月 23 日

Zhang

此教程仅适配 BearSimple主题！

前言

推荐程度：


ChatGPT已经出来很久了，很多博客也用上了自动生成文章摘要的智能AI，刚换完主题的我就想着折腾折腾，这不，马上给我的小博客安排上了。
有这些特性：

  • 真AI！，接入tianliGPT（或是使用官方api接口），JS动态获取全文所有纯文本，传给api实时获取文章摘要（受限于tianliGPT的成本，目前仍有缓存机制）
  • 基于tianliGPT标注关键词、Python分析相关度的相关文章AI推荐
  • 遇到标点符号慢下来，动态打字速度
  • 使用requestAnimationFrame优化性能，动态清除setTimeout、打断fetch请求，交互放心
  • 使用IntersectionObserver监听，当容器在视口不可见后停止生成摘要，重新出现在视口后继续生成
  • 模拟GPT的光标效果
  • 多个按钮实现多个功能，自我介绍、文章摘要、推荐相关文章等
  • 良好兼容性，性能消耗小。
  • 适配pjax

  • 简单引入js后，即可生成QX-AI并自动挂载初始化

快速上手

项目地址Post-Summary-AI
非常简单，引入下面这些代码到你的网站内，并修改配置项后即可
TIP: 为避免CDN和浏览器缓存的影响，建议指定资源版本号使用

第一步

将以下代码放入设置外观的顶部设置中

<!-- css -->
<link rel="stylesheet" href="https://cdn1.tianli0.top/gh/qxchuckle/Post-Summary-AI/chuckle-post-ai.css">

第一步

第一步

第二步

将以下代码放入设置外观的底部设置中，并将key的值换成TianliGPT后台的密钥。

此处内容需要登录或评论回复(审核通过)后方可阅读。

AI构造函数 ChucklePostAI({ }) 详解

  1. el 文章内容所在的元素属性的选择器，也是AI挂载的容器，AI将会挂载到该容器的最前面
  2. key 驱动AI所必须的key，即是tianliGPT后端服务所必须的key
  3. title_el 文章标题所在的元素属性的选择器，默认获取当前网页的标题
  4. rec_method 文章推荐方式，all：匹配数据库内所有文章进行推荐，web：仅当前站内的文章，默认all
  5. exclude 获取文章内容时，需要排除的元素及其子元素
  6. tianliGPT的key请到爱发电中购买，10元5万字符（常有优惠）。请求过的内容再次请求不会消耗key，可以无限期使用。

更多详情请看项目仓库README

BearSimple主题的文章摘要、相关推荐生成AI

Zhang笔记 热度:°C默认 / 楷体 / 霞鹜文楷体
温馨提示：

本文最后更新于2023年08月26日，已超过31天没有更新，若内容或图片失效，请留言反馈。

此教程仅适配 BearSimple主题！

前言

推荐程度：


ChatGPT已经出来很久了，很多博客也用上了自动生成文章摘要的智能AI，刚换完主题的我就想着折腾折腾，这不，马上给我的小博客安排上了。
有这些特性：

  • 真AI！，接入tianliGPT（或是使用官方api接口），JS动态获取全文所有纯文本，传给api实时获取文章摘要（受限于tianliGPT的成本，目前仍有缓存机制）
  • 基于tianliGPT标注关键词、Python分析相关度的相关文章AI推荐
  • 遇到标点符号慢下来，动态打字速度
  • 使用requestAnimationFrame优化性能，动态清除setTimeout、打断fetch请求，交互放心
  • 使用IntersectionObserver监听，当容器在视口不可见后停止生成摘要，重新出现在视口后继续生成
  • 模拟GPT的光标效果
  • 多个按钮实现多个功能，自我介绍、文章摘要、推荐相关文章等
  • 良好兼容性，性能消耗小。
  • 适配pjax

  • 简单引入js后，即可生成QX-AI并自动挂载初始化

快速上手

项目地址Post-Summary-AI
非常简单，引入下面这些代码到你的网站内，并修改配置项后即可
TIP: 为避免CDN和浏览器缓存的影响，建议指定资源版本号使用

第一步

将以下代码放入设置外观的顶部设置中

<!-- css -->
<link rel="stylesheet" href="https://cdn1.tianli0.top/gh/qxchuckle/Post-Summary-AI/chuckle-post-ai.css">

第一步

第一步

第二步

将以下代码放入设置外观的底部设置中，并将key的值换成TianliGPT后台的密钥。

此处内容需要登录或评论回复(审核通过)后方可阅读。

AI构造函数 ChucklePostAI({ }) 详解

  1. el 文章内容所在的元素属性的选择器，也是AI挂载的容器，AI将会挂载到该容器的最前面
  2. key 驱动AI所必须的key，即是tianliGPT后端服务所必须的key
  3. title_el 文章标题所在的元素属性的选择器，默认获取当前网页的标题
  4. rec_method 文章推荐方式，all：匹配数据库内所有文章进行推荐，web：仅当前站内的文章，默认all
  5. exclude 获取文章内容时，需要排除的元素及其子元素
  6. tianliGPT的key请到爱发电中购买，10元5万字符（常有优惠）。请求过的内容再次请求不会消耗key，可以无限期使用。

更多详情请看项目仓库README


#AI
那年今日
08月
23日
上一篇
每天60S新闻
下一篇
前端的开始
赞 (4)
分享
QQ
微信
微博
Facebook
Twitter

评论区(暂无评论)

这里空空如也，快来评论吧~

我要评论