让博客支持AI摘要，自动生成文章的AI摘要

博主：凛圓晟
发布时间：2023 年 09 月 04 日
59 次浏览
18 条评论
5414字数
分类：学习笔记

最近看好多人的博客都有AI摘要，于是在网上搜索了一下教程，在这篇文章中，我将帮助大家如何让你的博客接入GPT。

仔细查看了之后发现还又刚好适配我用的主题，一点都不需要修改就可以直接用！那可真是太舒服了！

效果图

![image.png](https://www.vhrise.com/usr/uploads/2023/09/2013135369.png)

下面介绍详细方法。

该GPT适用于几乎所有主题，你可以轻松的更改几个变量，就可以让博客安装AI摘要。你可以尝试安装，安装成功后再购买Key。

[hide]

## 什么是TianliGPT

TianliGPT是一个专业的文字摘要生成工具，你可以将需要提取摘要的文本内容发送给TianliGPT，稍等一会他就可以给你发送一个基于这段文本内容的摘要。

* 实时生成的摘要
* 自动生成，无需人工干预
* 一次生成，再次生成无需消耗key
* 包含文字审核过滤，适用于中国大陆
* 支持中国大陆访问

## 如何部署TianliGPT

我们可以通过在网页中嵌入TianliGPT的服务支持，让TianliGPT能够获取到你需要提交的内容。

1. 你需要在博客后面位置引入js和css（**引入在网站的任意位置**）

```html
<link rel="stylesheet" href="https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.15.2/tianli_gpt.css">
<script>
let tianliGPT_postSelector = '#post #article-container';
let tianliGPT_key = '5Q5mpqRK5DkwT1X9Gi5e';
</script>
<script src="https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.15.2/tianli_gpt.min.js"></script>
```

我们可以观察一下代码，里面有tianliGPT\_postSelector和tianliGPT\_key这两个变量，我们需要更改里面的值来适配不同的主题，并且配置更多内容。

## tianliGPT_postSelector

这个参数是填写你的博客文章所在的元素属性的选择器，在生成提交的文本时，只会将这个选择器对应的元素内的文本进行提交，并且在这个选择器对应的元素上放插入AI摘要。如果你使用的是Butterfly主题，那么为#post #article-container

这里列出一些常见博客主题的选择器值

| 主题名称                                                                                   | tianliGPT\_postSelector                   | tianliGPT\_postURL                  | 备注 |
| ------------------------------------------------------------------------------------------ | ----------------------------------------- | ----------------------------------- | ---- |
| [hexo-theme-butterfly](https://flowus.cn/zhheo/share/927667b2-ba27-42b1-98f2-8fb184720ed2) | #post #article-container                  | 无需添加                            | 无   |
| [hexo-theme-fluid](https://flowus.cn/zhheo/share/a8c7101e-9b06-4ec8-9063-0fe3eef31f5c)     | #board .post-content                      | 无需添加                            | 无   |
| hexo-theme-next                                                                            | #posts .post-body                         | 无需添加                            | 无   |
| hexo-theme-stellar                                                                         | .md-text.content.post                     | 无需添加                            | 无   |
| hexo-theme-volantis                                                                        | #post #post-body                          | 无需添加                            | 无   |
| hugo-theme-DoIt                                                                            | .page.single:not(.special) .content       | 无需添加                            | 无   |
| halo-theme-xue                                                                             | #container .article-content #lightGallery | 无需添加                            | 无   |
| [wordpress: argon](https://flowus.cn/08d8f6e4-d487-40b9-951e-8c0c3df7506f)                 | #post\_content                            | 无需添加                            | 无   |
| wordpress: 7B2                                                                             | #primary-home .entry-content              | 修改里面的域名：`b2.7b2.com/*.html` | 无   |
| wordpress：pix                                                                             | .single-content                           | `https://*/*.html`                  | 无   |
| wordpress: Sakurairo                                                                       | .post .entry-content                      | 无需添加                            | 无   |
| [wordpress: 子比主题](https://flowus.cn/88b69f42-e0f7-482c-9941-24a06c97d6d0)              | .single-post .wp-posts-content            | 无需添加                            | 无   |
| wordpress: CorePress                                                                       | .post-content-content                     | 无需添加                            | 无   |
| wordpress: OneNav                                                                          | .post-template-default .panel-body        | 无需添加                            | 无   |
| valaxy-theme-yun                                                                           | .content .markdown-body                   | `*/posts/*`                         | 无   |
| typecho-bearsimple                                                                         | #post-content #bearsimple-images          | 无需添加                            | 无   |
| typecho-bearhoney                                                                          | .post-content-block .content              | 无需添加                            | 无   |
| typecho-handsome                                                                           | #postpage #md\_handsome\_origin           | 无需添加                            | 无   |
| [typecho-joe](https://github.com/zhheo/Post-Abstract-AI/blob/main/issues/27)               | .joe\_post .joe\_detail\_\_article        | 无需添加                            | 无   |
| [typecho-void](https://github.com/zhheo/Post-Abstract-AI/blob/main/issues/32)              | .articleBody                              | 无需添加                            | 无   |

**如果你写了你的主题适配教程，欢迎在issues里投稿，我会收录到官方文档中，帮助更多的小伙伴搭建。**

### tianliGPT\_key

到[爱发电](https://afdian.net/item/f18c2e08db4411eda2f25254001e7c00)中购买，10元5万字符（限时折扣9元）。请求过的内容再次请求不会消耗key，可以无限期使用。

* 相比实时请求openai，使用tianliGPT可以让你请求过的内容不再消耗key，适合生产环境。
* 相比实时请求openai，使用tianliGPT可以在国内更快速的获取摘要。
* 符合中国大陆法律法规。
* key消耗完毕，已经请求过的内容仍然可以继续请求，避免了被恶意请求造成的资金损失和业务停摆。

购买完成后，进入管理后台：[https://summary.zhheo.com/](https://summary.zhheo.com/)

登录后点击右上角的“添加新网站”，输入密钥即可

即可绑定成功。

[/hide]

最近看好多人的博客都有AI摘要，于是在网上搜索了一下教程，在这篇文章中，我将帮助大家如何让你的博客接入GPT。

仔细查看了之后发现还又刚好适配我用的主题，一点都不需要修改就可以直接用！那可真是太舒服了！

效果图

下面介绍详细方法。

该GPT适用于几乎所有主题，你可以轻松的更改几个变量，就可以让博客安装AI摘要。你可以尝试安装，安装成功后再购买Key。

此处内容需要评论回复后（审核通过）方可阅读。

最后修改：2023 年 10 月 20 日

END

如果觉得我的文章对你有用，请随意赞赏

本文作者：凛圓晟
文章标题：让博客支持AI摘要，自动生成文章的AI摘要
本文地址：https://www.vhrise.com/archives/539/
版权说明：若无注明，本文皆凛圓晟原创，转载请保留文章出处。

18 条评论

无名 Microsoft Edge 122.0.0.0 Windows 10 加拿大 Telus CA NA
March 10th, 2024 at 10:51 pm

来试试

回复
老孙 Google Chrome 121.0.0.0 Windows 10 中国香港 Google云计算数据中心 HK AS
March 5th, 2024 at 08:52 am

来试试

回复
Shield Microsoft Edge 121.0.0.0 Windows 10 中国广东东莞电信 CN AS
February 26th, 2024 at 12:57 am

学习一下

回复
迟博勋 Google Chrome 121.0.0.0 Windows 10 中国北京电信 CN AS
February 23rd, 2024 at 05:00 pm

学习一下

回复
刚下飞机的男孩 Microsoft Edge 121.0.0.0 Windows 10 中国广东东莞电信 CN AS
January 30th, 2024 at 09:56 pm

来看看

回复
挺胸的道士 Firefox 121.0 Windows 10 美国加利福尼亚州洛杉矶 AS979_Net US NA
January 12th, 2024 at 01:36 am

康康

回复
小刘同学 Google Chrome 120.0.0.0 Windows 10 中国山东东营联通 CN AS
December 16th, 2023 at 06:44 pm

支持一下

回复
Yang2635 Google Chrome 119.0.0.0 Windows 10 中国安徽合肥蜀山区移动 CN AS
November 27th, 2023 at 12:36 pm

支持一下

回复
张三 Safari 605.1.15 Mac OS X 10.15.7 美国 Akamai科技公司CDN网络节点 US NA
October 29th, 2023 at 08:11 am

来看一下不知道他支不支持免费的自选节点

回复
burningash Google Chrome 118.0.0.0 Windows 10 中国广西贺州联通 CN AS
October 16th, 2023 at 02:40 pm

学习一下

回复
Andy Pang Google Chrome 118.0.0.0 Linux 中国湖南长沙电信 CN AS
October 11th, 2023 at 10:13 am

康康

回复
看透一切的道士 Google Chrome 117.0.0.0 Windows 10 中国江苏苏州电信 CN AS
October 10th, 2023 at 09:50 pm

学习一下

回复
ClimbingMouse Google Chrome 117.0.0.0 Windows 10 中国江西数据上网公共出口移动 CN AS
October 9th, 2023 at 10:16 am

偷了

回复
雨落倾城 Google Chrome 117.0.0.0 Mac OS X 10.15.7 中国香港电讯盈科有限公司 HK AS
October 5th, 2023 at 01:42 pm

来看一下不知道他支不支持免费的自选节点

回复
凌风 Google Chrome 99.0.4844.88 Windows 10 中国重庆移动 CN AS
October 2nd, 2023 at 01:18 pm

偷了

回复
hayaizo Microsoft Edge 116.0.1938.81 Windows 10 中国湖南长沙电信 CN AS
September 18th, 2023 at 11:40 pm

支持大佬

回复
222 Firefox 117.0 Windows 10 中国山西太原联通 CN AS
September 16th, 2023 at 06:43 pm

支持下，看看

回复
fl0w1nd Microsoft Edge 116.0.1938.76 Windows 10 中国浙江宁波数据中心电信 CN AS
September 12th, 2023 at 02:40 pm

感谢教程，看看AI摘要怎么实现的

回复