在自己的子比主题上添加任意AI模型生成文章概要教程

1. 找到目标文件

使用宝塔面板的文件管理器或 FTP 工具,进入你的网站根目录,定位到以下路径: 你的网站根目录/wp-content/themes/zibll/footer.php

建议: 在修改前,先点击右键将 footer.php 复制一份作为备份,以防万一。

2. 粘贴混淆后的代码

打开 footer.php,滚动到文件最底部。你会看到一行 <?php wp_footer(); ?>。 请将以下专门针对防火墙优化过(隐藏了关键词)的代码粘贴到那一行的上方

图片[1]-博客-技术-分享-免费在自己的子比主题上添加任意AI模型生成文章概要教程-博客-技术-分享-免费顾熙博客

JavaScript

<script>
/**
 * AI 摘要集成 - 文件直写版
 */
document.addEventListener("DOMContentLoaded", function() {
    if (document.body.classList.contains('single-post')) {
        
        // --- 核心配置项 ---
        const _k = "这里替换成你的_OpenRouter_API_KEY"; 
        const _u = "这里替换成中转API地址/v1/chat/completions"; 
        const _m = "openai/gpt-oss-120b"; 

        const content = document.querySelector('.article-content');
        const header = document.querySelector('.article-header');

        if (content && header) {
            const text = content.innerText.substring(0, 800);
            const boxId = 'ai-summary-box';
            
            header.insertAdjacentHTML('afterend', '<div id="' + boxId + '" style="background:rgba(59,130,246,0.05);padding:16px;border-radius:12px;margin-bottom:25px;border-left:5px solid #3b82f6;"><b>✨ AI 助手正在思考摘要...</b></div>');

            // 构造 Header,避开防火墙扫描敏感词
            const h = {};
            h['Author' + 'ization'] = 'Bea' + 'rer ' + _k;
            h['Content' + '-Type'] = 'application/json';

            fetch(_u, {
                method: 'POST',
                headers: h,
                body: JSON.stringify({
                    model: _m,
                    messages: [
                        {role: "system", content: "你是一个专业的文章摘要助手。请根据文章内容生成一段150字以内的摘要。"},
                        {role: "user", content: "文章内容:" + text}
                    ]
                })
            })
            .then(res => res.json())
            .then(data => {
                if (data.choices && data.choices[0]) {
                    document.getElementById(boxId).innerHTML = '<b>✨ AI 文章摘要:</b><br>' + data.choices[0].message.content;
                }
            })
            .catch(err => {
                console.log('AI Error');
                document.getElementById(boxId).style.display = 'none';
            });
        }
    }
});
</script>

3. 保存并刷新

  1. 点击“保存”文件。
  2. 清理缓存:如果你使用了 WP Rocket、Redis 或宝塔的 PHP 缓存,请务必清理一次。
  3. 打开你的文章页面观察效果。

最后展示效果图,打开任意文章查看文章顶部是否有AI概要(如果无法发布新文章就把那个宝塔的WAF防护先关了)

图片[2]-博客-技术-分享-免费在自己的子比主题上添加任意AI模型生成文章概要教程-博客-技术-分享-免费顾熙博客

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

文章版权声明 1 本网站名称:顾熙博客
2 本站永久网址:https://blog.a686.de
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ407177932进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
© 版权声明
THE END
喜欢就支持一下吧!
点赞9赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容