讨论NotionNext如何配置AI摘要

一、关于AI Summary#

什么是AI Summary#

AI Summary（AI摘要）是指使用人工智能技术自动生成文章或内容的简短概述或摘要的功能。在博客平台中，它有以下几个特点：

自动化处理：无需人工编写，AI可以自动分析整篇文章的内容并提取关键信息
节省时间：博主不需要手动为每篇文章撰写摘要，提高内容生产效率
内容精准：良好的AI模型可以准确把握文章核心观点和重要信息
增强用户体验：读者可以通过摘要快速了解文章内容，决定是否继续阅读
SEO优化：优质的摘要有助于搜索引擎更好地理解文章内容，提高排名

在NotionNext等基于Notion的博客系统中，AI Summary通常作为一个可配置的功能，可以自动为文章生成摘要，显示在文章列表或文章页面中，为读者提供快速预览。

是否使用AI Summary#

我个人认为当下的AI技术虽蓬勃发展但仍旧有所不足，目前来看AI Summary比较适合于喜欢快速浏览的人，那么此项技术将为您省去大量的冗余时间，通过快速锁定某篇博文的关键词、简要内容来决定是否继续进行浏览。

二、AI Summary在NotionNext项目中的配置#

三、配置洪墨AI（原TianliGPT）#

介绍#

由张洪Heo和Tianli大佬搭建，全新的站点增强插件。为网站站长提供网站的AI增强服务。

在登录NotionNext项目中提及的https://docs_s.tianli0.top后台后，会被定向至新官网：(AFF链接：https://ai.zhheo.com/console/login?InviteID=17641000) ↗

洪墨AI - 网站AI摘要、知识库AI客服和搜索插件平台 ↗

获取KEY#

在首页界面，选择“我的项目”→“新建项目”

计费类型选择“仅使用摘要生成”

填写您的项目名称并选择摘要语言

最后绑定您的网站并创建项目

在首页就能看到我们所需要的KEY了，点击右边图标并保存

启用Token#

摘要AI 50,000tokens，在默认配置下满足最少50篇文章的摘要生成，无限期有效

需要在首页“我的会员”右下角选择“充值Token”，选择第二项，一般10￥差不多能有50篇左右，对于新手博客，或者试试水都很不错，5k字/元还是很划算的。

网站接入（进阶配置）#

在洪墨AI后台主页左边栏下方点击“网站接入”即可进入该页面

在这里可以选择插件接入和代码接入，本文作为NotionNext的临时解决方案，选择代码生成器的方式

洪墨AI的官方文档 ↗有更详细的介绍，这里只是简单赘述，列表如下：

变量名	含义
`tianliGPT_postSelector`	文章选择器
`tianliGPT_postURL`	URL匹配规则
`tianliGPT_blacklist`	黑名单配置
`tianliGPT_wordLimit`	字数限制
`tianliGPT_typingAnimate`	打字动画
`tianliGPT_Title`	AI摘要标题
`tianliGPT_injectDom`	插入位置
`tianliGPT_BeginningText`	摘要开头文本
`tianliGPT_loadingText`	加载提示文本
`tianliGPT_theme`	摘要主题
`tianliGPT_key`	项目KEY

但最主要变量如下（其他可借助官方帮助文档 ↗自行配置）：

let tianliGPT_postSelector = 'article';
let tianliGPT_postURL = '你的通配符URL';
let tianliGPT_key = '你的项目KEY';

jsx

关于通配符URL

比如我有博文如下：

https://xxx.xxx/technology/111.html ↗

https://xxx.xxx/technology/222.html ↗

那么我的通配符应为*/technology/*.html

详细介绍：TianliGPT通用教程 ↗or洪墨AI摘要变量 ↗

用处：防止文章在不该出现摘要的地方产生摘要

四、接入NotionNext#

在GitHub里做如下改动：#

在custom.js文件中添加如下代码：

custom.js

let tianliGPT_postSelector = 'article';
let tianliGPT_postURL = '你的通配符URL';
let tianliGPT_key = '你的项目KEY';

jsx

在blog.config.js文件相对应变量处添加如下值：

blog.config.js

  // 自定义外部脚本，外部样式
  CUSTOM_EXTERNAL_JS: ['<https://ai.zhheo.com/static/public/tianli_gpt.min.js>'], // e.g. ['<http://xx.com/script.js','http://xx.com/script.js>']
  CUSTOM_EXTERNAL_CSS: ['<https://ai.zhheo.com/static/public/tianli_gpt.min.css>'], // e.g. ['<http://xx.com/style.css','http://xx.com/style.css>']

jsx

五、启用洪墨AI#

修改好代码后点击提交并重新部署即可（如何重新部署？详见：https://docs.tangly1024.com/article/vercel-redploy ↗ ）

最后打开您的博客，刷新网页即可在您的博文前看到洪墨AI总结的摘要

相关问题及解决方案

一、Rerfer与Url不匹配

原因一：您填写并启用了plugin.config.js文件中的KEY

如果按照NotionNext官方插件所给方式注入会导致启动不了（即您填写了plugin.conmfig.js文件中的KEY），导致识别到页面基本dom加载完才执行，但是js引入gpt的时机太晚了，页面加载完好久才想起来加载js文件，也不执行。

原因二：浏览器缓存

验证：切入无痕模式看洪墨AI是否正常工作。

若刷新后您的请求头仍不正确，即依旧弹出“Rerfer与Url不匹配”的字样，请查看下方的解决方法

如何刷新浏览器缓存？

Chrome浏览器
- Windows/Linux:按住Ctrl键，然后按F5或点击刷新按钮。
- Mac:按住Cmd+Shift，然后按R键或点击刷新按钮。
Firefox浏览器
- Windows/Linux:按住Ctrl键，然后按F5，或按Ctrl+Shift+R。
- Mac:按住Cmd+Shift，然后按R键，或点击刷新按钮。
Edge浏览器
- Windows/Linux:按住Ctrl键，然后按F5或点击刷新按钮。
如何查看请求头？

进入网页按”F12”打开控制台，选择“网络”，选择”fetch/XHR”，查找对应程序(应包含”tianli_gpt_main…”字样)并点击，在标头栏向下滚动至请求标头，即可查看Rerfer是否正确。

例如：

若您的博文对应地址不在上图红框中，那么说明您请求头错误

原因三：浏览器广告屏蔽插件

一些浏览器广告插件（例如AdGuard），导致产生”Rerfer与Url不匹配”报错

解决方法：

请先删除您之前在plugin.config.js文件中的KEY（没填就不用管）

尝试手动执行一下gpt
在引入js的代码后面手动执行一次：tianliGPT.runTianliGPT()，
但是由于加载js可能需要时间，为了避免tianliGPT.runTianliGPT()执行的时候js还没有下载完，你需要循环执行或者延迟执行。

懒得搞就直接添加下方代码↓

如果提示“Rerfer与Url不匹配”的字样，请您在custom.js文件中添加如下代码：

custom.js

if (typeof tianliGPT_key !== 'undefined' && tianliGPT_key) {
  postchat_checkSystemType();
  window.tianliGPT.checkURLAndRun();
}

jsx

原因三的解决方法：关闭屏蔽插件或者添加您博客域名的白名单

二、伪静态导致的Tokens滥用

原因：

开启伪静态如果产生多个url被识别成多个文章的情况，需统一url形式，从而确保一个文章一个url。

解决方法：

关闭伪静态或者将通识符URL规则由*/post/* 改为*/post/*.html 类似结构即可，记得刷新浏览器缓存。

讨论NotionNext如何配置AI摘要

一、关于AI Summary#

什么是AI Summary#

是否使用AI Summary#

二、AI Summary在NotionNext项目中的配置#

相关配置文件#

三、配置洪墨AI（原TianliGPT）#

介绍#

获取KEY#

启用Token#

网站接入（进阶配置）#

四、接入NotionNext#

在GitHub里做如下改动：#

五、启用洪墨AI#

参考文章及引用#