github
/
halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化ai摘要

This commit is contained in:
1152958806@qq.com 2023-09-01 17:05:12 +08:00
parent fb1158380e
commit ee690530f1
2 changed files with 57 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
templates/assets/libs/gpt/post-ai.js
View File

@ -17,43 +17,44 @@
let keys = GLOBAL_CONFIG.source.postAi.keys;
let Referers = GLOBAL_CONFIG.source.postAi.Referers;
let post = document.querySelector('#post')
const interface = {
name: "AI-摘要",
aiToggle: "切换",
version: "Tianli GPT",
button: ["介绍自己", "生成本文简介", "推荐相关文章", "前往主页"],
}
// 插入html结构
const post_ai_box = document.createElement('div');
post_ai_box.className = 'post-ai';
post.insertBefore(post_ai_box, post.firstChild);
// let post = document.querySelector('#post')
// const interface = {
// name: "AI-摘要",
// aiToggle: "切换",
// version: "Tianli GPT",
// button: ["介绍自己", "生成本文简介", "推荐相关文章", "前往主页"],
// }
// // 插入html结构
// const post_ai_box = document.createElement('div');
// post_ai_box.className = 'post-ai';
// post.insertBefore(post_ai_box, post.firstChild);
//
// var PostAI = `
// <div class="ai-title">
// <i class="haofont hao-icon-bilibili"></i>
// <div class="ai-title-text">${interface.name}</div>`
// if (switchBtn) {
// PostAI += `<div id="ai-Toggle">${interface.aiToggle}</div> `;
// }
// PostAI += `<i class="haofont hao-icon-arrow-rotate-right"></i> `;
// if (modeName == 'local') {
// PostAI += `<div class="ai-tag" id="ai-tag">${gptName} GPT</div>`;
// } else {
// PostAI += `<div class="ai-tag" id="ai-tag">${interface.version}</div> `;
// }
// PostAI += `
// </div>
// <div class="ai-explanation" style="display: block;">AI初始化中...</div>
// <div class="ai-btn-box">
// <div class="ai-btn-item">${interface.button[0]}</div>
// <div class="ai-btn-item">${interface.button[1]}</div>
// <div class="ai-btn-item">${interface.button[2]}</div>
// <div class="ai-btn-item">${interface.button[3]}</div>
// <div class="ai-btn-item" id="go-tianli-blog">前往tianli博客</div>
// </div>`;
//
// post_ai_box.innerHTML = PostAI;
var PostAI = `
<div class="ai-title">
<i class="haofont hao-icon-bilibili"></i>
<div class="ai-title-text">${interface.name}</div>`
if (switchBtn) {
PostAI += `<div id="ai-Toggle">${interface.aiToggle}</div> `;
}
PostAI += `<i class="haofont hao-icon-arrow-rotate-right"></i> `;
if (modeName == 'local') {
PostAI += `<div class="ai-tag" id="ai-tag">${gptName} GPT</div>`;
} else {
PostAI += `<div class="ai-tag" id="ai-tag">${interface.version}</div> `;
}
PostAI += `
</div>
<div class="ai-explanation" style="display: block;">AI初始化中...</div>
<div class="ai-btn-box">
<div class="ai-btn-item">${interface.button[0]}</div>
<div class="ai-btn-item">${interface.button[1]}</div>
<div class="ai-btn-item">${interface.button[2]}</div>
<div class="ai-btn-item">${interface.button[3]}</div>
<div class="ai-btn-item" id="go-tianli-blog">前往tianli博客</div>
</div>`;
post_ai_box.innerHTML = PostAI;
// 当前随机到的ai摘要到index
let lastAiRandomIndex = -1;
let animationRunning = true; // 标志变量，控制动画函数的运行

20
templates/post.html
View File

@ -97,6 +97,26 @@
<main class="layout" id="content-inner" th:classappend="${theme.config.sidebar.location}">
<div id="post">
<!-- 文章ai摘要 -->
<div class="post-ai" th:if="${theme.config.post.aiDescription.aiDescriptionEnable}">
<div class="ai-title"><i class="haofont hao-icon-bilibili"></i>
<div class="ai-title-text">AI-摘要</div>
<div th:if="${theme.config.post.aiDescription.switchBtn}" id="ai-Toggle">切换</div>
<i class="haofont hao-icon-arrow-rotate-right"></i>
<div th:if="${#strings.equals(theme.config.post.aiDescription.mode, 'local')}" class="ai-tag" id="ai-tag">[[${theme.config.post.aiDescription.gptName}]] GPT</div>
<div th:if="${#strings.equals(theme.config.post.aiDescription.mode, 'tianli')}" class="ai-tag" id="ai-tag">Tianli GPT</div>
</div>
<div class="ai-explanation" style="display: block;">AI初始化中...</div>
<div class="ai-btn-box">
<div class="ai-btn-item">介绍自己</div>
<div class="ai-btn-item">生成本文简介</div>
<div class="ai-btn-item">推荐相关文章</div>
<div class="ai-btn-item">前往主页</div>
<div class="ai-btn-item" id="go-tianli-blog">前往tianli博客</div>
</div>
</div>
<!-- 文章内容 -->
<article th:class="'post-content '+${ theme.config.code.enable_line || pluginFinder.available('PluginPrismJS') ? 'line-numbers' : ''}" id="article-container" th:utext="${post.content.content}">
</article>