Typecho文章AI摘要插件 AISummary

{mtitle title=”插件后台设置说明”/}

插件的json模式的json变量名就是当你输入返回格式是json的时候提取文字的那个变量
例如访问https://api.qster.top/API/v1/chat/?type=json&msg=
返回格式是{
“code”: 400, “problem”: “”, “answer”: “请给出一个问题”
}
那么answer这个是我们需要的内容
你就可以把返回的变量里有文字的这个变量名填上去就可以了

{mtitle title=”使用教程”/}
首先下载插件到usr/plugins/目录进行解压（文件名必须是 AISummary 不然会报错）
然后在后台启用AISummary插件
接着把AI.php上传到主题的任意一个位置当然你要知道路径 等会要用（Joe再续前缘版可以上传到usr/themes/Joe/module/目录）

{collapse}
{collapse-item label=”Joe再续前缘专用AI.php” open}

<div class="title-theme">AI摘要</div>
    <div class="joe_header__slideout-menu panel-b">
                    <?php if ($this->fields->content) :?>
    <div class="ai-summary-block">
        <p>AI 摘要：<span class="typing-effect"><?php echo $this->fields->content;?></span></p>
    </div>
    <?php endif;?>
    <style>
   .ai-summary-block {
        background-color: #f5f5f5;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 20px;
    }
   .typing-effect {
        white-space: nowrap;
        overflow: hidden;
        animation: typing 2s steps(40) forwards;
    }
    @keyframes typing {
        from {
            width: 0;
        }
        to {
            width: 100%;
        }
    }
.joe_header__slideout-menu.panel-b {
    overflow-y: scroll; 
}
h2 {
    text-align: center;
}
h3 {
    color: black;
    font-size: smaller;
    text-align: center;
}
</style>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const typingElements = document.querySelectorAll('.typing-effect');
        typingElements.forEach(element => {
            element.classList.remove('typing-effect');
            const text = element.textContent;
            element.textContent = '';
            let i = 0;
            const typingInterval = setInterval(() => {
                if (i < text.length) {
                    element.textContent += text[i];
                    i++;
                } else {
                    clearInterval(typingInterval);
                }
            }, 50);
        });
    });
</script>
</div>
<br>

{/collapse-item}
{collapse-item label=”通用AI.php代码”}

<div class="title-theme">AI摘要</div>
    <div class="joe_header__slideout-menu panel-b">
                    <?php if ($this->fields->content) :?>
    <div class="ai-summary-block">
        <p>AI 摘要：<span class="typing-effect"><?php echo $this->fields->content;?></span></p>
    </div>
    <?php endif;?>
    <style>
    .title-theme {
    position: relative;
    padding-left: 1.2em;
    font-size: 15px;
    color: var(--main-color);
}

.title-theme small {
    font-size: 80%;
    opacity: .7
}

.title-theme:before {
    position: absolute;
    content: '';
    width: 4px;
    background: var(--theme);
    top: 10%;
    left: 2px;
    bottom: 10%;
    border-radius: 5px;
    box-shadow: 1px 1px 3px -1px var(--theme)
}
   .ai-summary-block {
        background-color: #f5f5f5;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 20px;
    }
   .typing-effect {
        white-space: nowrap;
        overflow: hidden;
        animation: typing 2s steps(40) forwards;
    }
    @keyframes typing {
        from {
            width: 0;
        }
        to {
            width: 100%;
        }
    }
.joe_header__slideout-menu.panel-b {
    overflow-y: scroll; 
}
h2 {
    text-align: center;
}
h3 {
    color: black;
    font-size: smaller;
    text-align: center;
}
</style>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const typingElements = document.querySelectorAll('.typing-effect');
        typingElements.forEach(element => {
            element.classList.remove('typing-effect');
            const text = element.textContent;
            element.textContent = '';
            let i = 0;
            const typingInterval = setInterval(() => {
                if (i < text.length) {
                    element.textContent += text[i];
                    i++;
                } else {
                    clearInterval(typingInterval);
                }
            }, 50);
        });
    });
</script>
</div>
<br>

{/collapse-item}
{/collapse}

然后在主题的post.php里面合适的位置添加以下代码

<?php $this->need('module/AI.php'); ?>

Joe再续前缘版本可以添加在post.php的第120行下面第121行
{hide}
{cloud title=”” type=”lz” url=”https://wwpb.lanzouw.com/iyMBL2dw41ad” password=””/}
{cloud title=”” type=”github” url=”https://github.com/xliaoy/AISummary” password=””/}
{/hide}