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

博客还未迁移的时候，文章摘要就是使用 TianliGPT 自动生成的，现在迁移到 MyLife主题 后，特此记录一下。

前言

1. 此教程的前提需要阅读 张洪Heo 的文章：

链接如何让博客支持AI摘要，使用TianliGPT自动生成文章的AI摘要 | 张洪Heo

最近研究AI在博客和文章领域的应用，发现AI摘要是一个很不错的方向，研究了很久给搞出来了。在这篇文章中，我将帮助大家如何让你的博客接入TianliGPT。 了解文章摘要的升级版PostChat，支持知识库对话、无限摘要额度 访问项目Github仓库 随机访问已经支持TianliGPT的网站 效果预览 什么是文章摘要文章摘要是一个专业的文字摘要生成工具，你可以将需要提取摘要的文本内容发送给Tianl 必看,网页前端,Hexo,热门,开发 张洪Heo

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

效果预览

如何部署

1. 前端我选择的是 轻笑前端 的版本，具体的文档可以查阅 Post-Summary-AI
2. 进入后台-》设置外观-》个性设置-》自定义内容：

3. 在 body标签前自定义内容 添加代码：

   html 代码:

    <!-- chuckle-post-ai.js可以在网页结构的任何位置插入，只要你能够 -->
    <script src="https://cdn.baiwumm.com/js/chuckle-post-ai.min.js"></script>
    <!-- 但要确保的是，AI构造代码一定要在chuckle-post-ai.js之后插入 -->
    <script data-pjax defer>
   new ChucklePostAI({
    el: '.main_body .post_content',
    title_el: '.post_title_area_title h1',
    key: 'nWP7yQwRFXvk0piPhO2w',
    rec_method: 'web',
    whitelist: ['/p/'],
    pjax: true,
   })
    </script>

   这里有几个点需要注意一下：

一定要放在 body标签 之后，避免元素还没加载完成，new ChucklePostAI 已经执行，导致没有渲染。
若网站开启了 PJAX，需要配置 pjax: true，不然会导致切换页面的时候 JS 无法正常执行。
chuckle-post-ai.min.js 资源最好放在自己的 cdn加速服务平台，避免第三方资源加载失败导致页面报错。