使用 ChatGPT 自动生成文章的AI摘要

前言

1. 购买 TianliGPT_key并进入后台绑定域名：

购买key

效果预览

预览

如何部署

将代码插入到网页

我们需要将下面的代码插入到网页的任何位置。

进入后台-》设置外观-》个性设置-》自定义内容：

此处内容，需回复之后可见

位置演示

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

获取tianliGPT_postSelector

打开你的文章界面，按下F12键，打开开发者工具。

F12

点击选择器按钮。

选择位置

然后鼠标选中到博客的文章。通过滑动鼠标尽可能的让方块涵盖文章中的所有内容。例如：

涵盖文章

我的鼠标大致在红色的位置。

然后点击一下。我们可以看到这一行变灰了，说明被选中了。

正确

然后我们鼠标放在灰色部分，来检查选中的部分是否包含整个文章，但是不包含文章外的东西。

很显然，鼠标放在post行时，出现了下方的按钮被选中的情况。

错误

我们发现这一行正好符合我们的要求。

• 包含了整个文章
• 不包含文章外的内容

我们右键单击，然后复制这一行的选择器：

选择函数

复制的内容就是我们的 tianliGPT_postSelector。

注意：

1. 一定要放在 body标签 之后，避免元素还没加载完成，new ChucklePostAI 已经执行，导致没有渲染。
2. chuckle-post-ai.min.js 和 tianli_gpt.min.css资源最好放在自己的 cdn加速服务平台，避免第三方资源加载失败导致页面报错。

chuckle-post-ai.min.js 和 tianli_gpt.min.css资源我已经为各位准备好了。

下载地址：

tianli_gpt.min.css

chuckle-post-ai.min.js