子比主题接入TianliGPT智能摘要

子比主题接入TianliGPT智能摘要- 花猪资源网
子比主题接入TianliGPT智能摘要
此内容为免费阅读,请登录后查看
0
免费阅读

什么是TianliGPT
TianliGPT是一个基于GPT-3.5的文字摘要生成工具,你可以将需要提取摘要的文本内容发送给TianliGPT,稍等一会他就可以给你发送一个基于这段文本内容的摘要。
实时生成的摘要
自动生成,无需人工干预
一次生成,再次生成无需消耗key
包含文字审核过滤,适用于中国大陆
支持中国大陆访问
作者Github地址:zhheo/Post-Abstract-AI: 适用于博客的文章摘要生成器

图片[1]- 子比主题接入TianliGPT智能摘要

准备TianliGPT资源文件
在通用教程的代码中我们可以看到两个主要的资源文件,tianli_gpt.min.csstianli_gpt.min.js我们可以直接使用作者提供的链接地址,也可以将资源下载到本地,便于后期修改。

<link rel="stylesheet" href="https://ai.tianli0.top/static/public/tianli_gpt.min.css">
<script>
let tianliGPT_postSelector = '#post #article-container';
let tianliGPT_key = '5Q5mpqRK5DkwT1X9Gi5e';
</script>
<script src="https://ai.tianli0.top/static/public/tianli_gpt.min.js"></script>

我这边选择将资源下载到本地并且放到了主题对应的css和js文件夹/www/wwwroot/chenyan98.cn/wp-content/themes/zibll/js/www/wwwroot/chenyan98.cn/wp-content/themes/zibll/css,下图中只展示了js文件的放置,css文件则存放在上一级的css文件夹中,这一块没有什么特别的因此就不做赘述了。

图片[2]- 子比主题接入TianliGPT智能摘要

子比主题的修改方法
在你的网站文件夹内找到下面的文件

wp-content/themes/zibll/inc/functions/zib-single.php

找到下面这行代码,大概在第300行左右。

<div class="article-content">
        <?php zib_single_content_header();?>

把下面的代码填写进去即可,具体填写位置可以看我下边附的图片

<link rel="stylesheet" href="https://ai.tianli0.top/static/public/tianli_gpt.min.css">
<script>
let tianliGPT_postSelector = '.article-content';
let tianliGPT_key = '5Q5mpqRK5DkwT1X9Gi5e';
</script>
<script src="https://ai.tianli0.top/static/public/tianli_gpt.min.js"></script>

我们需要更改一些参数来让这个模型运作起来。
tianliGPT_postSelector 和 tianliGPT_key
tianliGPT_postSelector是包含文章所有内容的选择器名称在生成提交的文本时,只会将这个选择器对应的元素内的文本进行提交,并且在这个选择器对应的元素上放插入AI摘要,我这边子比主题选择器的名称为.article-content,已经填写到了代码中,官方文档安装区块收录了很多其它主题的选择器,有需要的小伙伴可以自行查看: 安装 | TianliGPTtianliGPT_key是你的账户名这个key登录后台之后才能看到,另外字符是需要购买的,9块钱5万字符 ,请求过的内容再次请求不会消耗key,可以无限期使用。

图片[3]- 子比主题接入TianliGPT智能摘要

来到这里tianliGPT的部署就算基本完成了,不过此时还无法使用,需要充值字符数并且在后台绑定你的网站到可使用接口的白名单列表中。附上tianliGPT的主页地址:使用文档 | TianliGPT,推荐使用QQ登录。

图片[4]- 子比主题接入TianliGPT智能摘要

插件参数自定义配置
摘要AI可以配置你想要的参数,详情看文档:配置参数 | TianliGPT
我这边遇到的第一个问题是文章在预览阶段也会生成摘要,这时文章还没写完,会导致摘要不准确的情况发生,所以需要添加一个变量来实现只匹配文章url。这个是通过tianliGPT_postURL来实现的。近期又发现部分链接.html的后边还会有东西,因此又加了一个*作为通配符,增强对本主题的适配程度。

let tianliGPT_postURL = "*/*.html*";

将代码集成到functions.php
2025年五月份TianliGPT对后端进行了更新,tianliGPT_key格式产生了变更,因此需要进行修改,刚好最近在做代码迁移工作将原来分散在主题各处的修改统一放到主题的functions.php中进行管理,于是我把需求丢给ChatGPT得到了如下代码:

/**
 * 子比主题接入TianliGPT智能摘要 - 登山亦有道
 * https://qiniu.chenyan98.cn/5088.html
 * @date  2025.05.17 22:00
 */
function add_tianli_gpt_assets() {
    // 仅在前端 + 单篇文章页加载
    if ( !is_admin() && is_single() ) {
        // 加载 CSS
        wp_enqueue_style(
            'tianli-gpt-style',
            'https://ai.zhheo.com/static/public/tianli_gpt.min.css',
            [],
            null
        );

        // 加载 JS
        wp_enqueue_script(
            'tianli-gpt-script',
            'https://ai.zhheo.com/static/public/tianli_gpt.min.js',
            [],
            null,
            true // 放在 footer
        );

        // 添加 inline 配置变量
        $inline_script = <<<JS
            let tianliGPT_postSelector = '.article-content';
            let tianliGPT_postURL = '*/*.html*';
            let tianliGPT_key = '改成你自己的Key';
            let tianliGPT_typingAnimate = true;
        JS;

        wp_add_inline_script('tianli-gpt-script', $inline_script, 'before');
    }
}
add_action('wp_enqueue_scripts', 'add_tianli_gpt_assets');
图片[5]- 子比主题接入TianliGPT智能摘要
© 版权声明
评论 抢沙发

请登录后发表评论

    暂无评论内容