🐛 fix(build): 补交被误忽略的模板修复 Linux 构建

- 将 .gitignore 的 *.html 规则收窄为 cover.html,不再误忽略源码模板
- 补交 internal/handlers/templates/review.html 与 status.html,此前未入库导致 Linux 上 go build 报 go:embed no matching files
This commit is contained in:
chenxin committed 2026-10-09 15:12:36 +08:00
1 parent 8ce4c48756
commit 6a473aea3e
3 files changed
+1533 -1

No files matched your search

+1 -1
View File
@@ -12,7 +12,7 @@ pkg/
*.out
# Output of the go coverage tool
*.html
cover.html
_coverage/
# Go workspace file
+775
View File
@@ -0,0 +1,775 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>番茄段评 · 第 {{.ParaPlus1}} 段</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.css">
<meta name="color-scheme" content="light dark">
<style>
:root {
/* 浅色模式变量 */
--bg-primary: #f5f5f5;
--bg-secondary: #ffffff;
--text-primary: #333333;
--text-secondary: #666666;
--text-tertiary: #999999;
--border-color: #e5e5e5;
--shadow: rgba(0, 0, 0, 0.05);
--badge-bg: #f0f5ff;
--badge-color: #4a80f0;
--tag-bg: #f0f0f0;
--tag-color: #666666;
--avatar-bg: #f0f0f0;
--loading-color: #666666;
}
/* 深色模式变量 */
@media (prefers-color-scheme: dark) {
:root {
--bg-primary: #000000;
--bg-secondary: #1c1c1e;
--text-primary: #ffffff;
--text-secondary: #ebebf5;
--text-tertiary: #8e8e93;
--border-color: #38383a;
--shadow: rgba(0, 0, 0, 0.3);
--badge-bg: #1c3a5f;
--badge-color: #64a3ff;
--tag-bg: #2c2c2e;
--tag-color: #ebebf5;
--avatar-bg: #2c2c2e;
--loading-color: #8e8e93;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
body {
background-color: var(--bg-primary);
color: var(--text-primary);
padding: 15px;
max-width: 600px;
margin: 0 auto;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding: 10px 15px;
background: var(--bg-secondary);
border-radius: 12px;
box-shadow: 0 2px 8px var(--shadow);
transition: background-color 0.3s ease;
}
.header h1 {
font-size: 18px;
color: var(--text-primary);
margin: 0;
flex: 1;
}
.source-tag {
display: inline-block;
padding: 3px 8px;
background-color: var(--tag-bg);
border-radius: 4px;
font-size: 14px;
margin-left: 8px;
color: var(--tag-color);
transition: background-color 0.3s ease, color 0.3s ease;
}
.comment-item {
background: var(--bg-secondary);
border-radius: 12px;
padding: 15px;
box-shadow: 0 2px 8px var(--shadow);
margin-bottom: 15px;
transition: background-color 0.3s ease;
}
.user-info {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.user-avatar, .reply-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
background: var(--avatar-bg);
object-fit: cover;
}
.reply-avatar {
width: 32px;
height: 32px;
}
.user-name {
font-weight: 500;
font-size: 15px;
color: var(--text-primary);
}
.author-badge {
background: var(--badge-bg);
color: var(--badge-color);
font-size: 12px;
padding: 0 6px;
border-radius: 3px;
margin-left: 6px;
}
.user-sticker {
height: 18px;
margin-left: 6px;
vertical-align: middle;
}
.comment-content {
font-size: 15px;
line-height: 1.5;
margin-bottom: 10px;
white-space: pre-line;
}
.comment-img {
max-width: 100%;
border-radius: 6px;
margin: 8px 0;
cursor: pointer;
background: #eee;
}
.emoji-img {
width: 22px;
height: 22px;
vertical-align: middle;
margin: 0 2px;
}
.comment-time {
font-size: 12px;
color: var(--text-tertiary);
margin-bottom: 10px;
}
.comment-meta {
display: flex;
align-items: center;
gap: 15px;
font-size: 13px;
color: var(--text-secondary);
}
.comment-meta i {
margin-right: 4px;
font-size: 14px;
}
.comment-meta span {
cursor: pointer;
display: inline-flex;
align-items: center;
padding: 4px 8px;
border-radius: 6px;
transition: all 0.2s ease;
}
.comment-meta span:hover {
background: var(--bg-secondary);
color: var(--text-primary);
}
.comment-meta span:hover i {
transform: scale(1.1);
}
.reply-btn {
transition: all 0.2s ease;
}
.reply-btn:active {
transform: scale(0.95);
opacity: 0.4;
}
.replies-container {
margin-top: 15px;
padding-left: 25px;
position: relative;
display: none;
}
.replies-container.show {
display: block;
}
.replies-container::before {
content: '';
position: absolute;
left: 8px;
top: 0;
bottom: 0;
width: 2px;
background: var(--border-color);
}
.reply-item {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.reply-content {
flex: 1;
padding-top: 2px;
}
.reply-username {
font-weight: 500;
font-size: 14px;
margin-right: 5px;
color: var(--text-primary);
}
.reply-text {
font-size: 14px;
line-height: 1.4;
margin: 5px 0;
color: var(--text-primary);
}
.reply-time {
font-size: 11px;
color: var(--text-tertiary);
margin-top: 3px;
}
.image-viewer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.9);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
}
.image-viewer.show {
display: flex;
}
.image-viewer img {
max-width: 90%;
max-height: 90%;
}
.close-btn {
position: absolute;
top: 20px;
right: 20px;
color: #fff;
font-size: 30px;
cursor: pointer;
}
.empty, .loading {
text-align: center;
color: var(--text-tertiary);
}
.empty {
padding: 20px;
background: var(--bg-secondary);
border-radius: 12px;
}
.loading {
padding: 10px;
color: var(--loading-color);
}
.sort-tabs {
display: flex;
gap: 0;
background: var(--bg-primary);
border-radius: 20px;
padding: 3px;
}
.sort-tab {
padding: 6px 16px;
background: transparent;
border: none;
border-radius: 17px;
cursor: pointer;
font-size: 14px;
color: var(--text-secondary);
transition: all 0.2s ease;
user-select: none;
white-space: nowrap;
}
.sort-tab.active {
background: var(--bg-secondary);
color: var(--text-primary);
font-weight: 500;
box-shadow: 0 1px 3px var(--shadow);
}
.sort-tab:hover:not(.active) {
opacity: 0.7;
}
.back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background: var(--bg-secondary);
border-radius: 50%;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 12px var(--shadow);
transition: all 0.3s ease;
z-index: 999;
border: 1px solid var(--border-color);
}
.back-to-top.show {
display: flex;
}
.back-to-top:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px var(--shadow);
}
.back-to-top i {
font-size: 20px;
color: var(--text-primary);
}
</style>
</head>
<body>
<div class="header">
<h1><span class="source-tag">段落评论 · {{.Total}} 条</span></h1>
<span style="display: flex; align-items: center;">
<i class="fas fa-book-open" style="color: var(--text-tertiary); font-size: 16px; margin: 0 10px;"></i>
</span>
<div class="sort-tabs">
<div class="sort-tab{{if eq .Sort 1}} active{{end}}" onclick="switchSort(1)">最热</div>
<div class="sort-tab{{if eq .Sort 3}} active{{end}}" onclick="switchSort(3)">最新</div>
</div>
</div>
<div id="comment-list">
{{if not .Comments}} <div class="empty">暂无评论</div>{{else}}{{range $i, $c := .Comments}} <div class="comment-item" id="comment-{{$i}}">
<div class="user-info">
<img src="{{$c.UserAvatar}}" class="user-avatar" alt="{{$c.UserName}}的头像" onerror="this.style.display='none'" loading="lazy">
<div class="user-name">{{$c.UserName}}{{if $c.IsAuthor}}<span class="author-badge">作者</span>{{end}}{{if $c.StickerImageURL}}<img src="{{$c.StickerImageURL}}" class="user-sticker" alt="勋章">{{end}}</div>
</div>
<div class="comment-content">{{$c.CommentTextHTML}}</div>
{{if $c.ImageURL}} <img src="{{$c.ImageURL}}" class="comment-img" alt="评论图片" onclick="showImage('{{$c.ImageLargeURL}}')" onerror="this.style.display='none'" loading="lazy">
{{end}} <div class="comment-time">{{$c.CreateTime}}</div>
<div class="comment-meta">
<span><i class="far fa-heart"></i>{{$c.DiggCount}}</span>
<span class="reply-btn" onclick="loadReplies({{$i}}, '{{$c.CommentID}}', {{$c.ReplyCount}})"><i class="far fa-comment-dots"></i>{{$c.ReplyCount}}</span>
</div>
<div class="replies-container" id="replies-{{$i}}"></div>
</div>
{{end}}{{end}}{{if and (not .HasMore) .Comments}}
<div class="empty">没有更多评论了</div>{{end}}
</div>
<div class="image-viewer" id="imageViewer">
<span class="close-btn" onclick="closeImage()">&times;</span>
<img id="previewImage" src="" alt="图片预览">
</div>
<div class="back-to-top" id="backToTop" onclick="scrollToTop()">
<i class="fas fa-arrow-up"></i>
</div>
<script>
const itemID = '{{.ItemID}}';
const bookID = '{{.BookID}}';
const para = {{.Para}};
let currentSort = {{.Sort}};
const commentList = document.getElementById('comment-list');
const imageViewer = document.getElementById('imageViewer');
const backToTopBtn = document.getElementById('backToTop');
const LOADING_HTML = '<div class="loading"><i class="fas fa-spinner fa-spin"></i> 加载中...</div>';
// 已加载回复的评论
const loadedReplies = new Set();
// URL 构建
function buildReviewURL(params) {
const baseParams = {
item_id: itemID,
book_id: bookID,
para: para
};
const query = new URLSearchParams({...baseParams, ...params});
return '/review?' + query.toString();
}
// 时间格式化
function formatTime(timestamp, format = 'simple') {
const date = new Date(timestamp * 1000);
if (format === 'full') {
return date.toLocaleString('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit'
}).replace(/\//g, '-');
}
return date.toLocaleString('zh-CN');
}
// 图片渲染
function renderImage(imageData, type = 'comment') {
if (!imageData?.[0]) return '';
const imgUrl = imageData[0].expand_web_url || imageData[0].web_uri || '';
if (!imgUrl) return '';
const escapedUrl = escapeHtml(imgUrl);
if (type === 'reply') {
return '<img src="' + escapedUrl + '" class="comment-img" alt="回复图片" onclick="showImage(\'' + escapedUrl + '\')" onerror="this.style.display=\'none\'" style="max-width:200px;margin-top:5px;border-radius:4px;cursor:pointer;" loading="lazy">';
}
const largeUrl = escapeHtml(imageData[0].expand_web_url || imgUrl);
return '<img src="' + escapedUrl + '" class="comment-img" alt="评论图片" onclick="showImage(\'' + largeUrl + '\')" onerror="this.style.display=\'none\'" loading="lazy">';
}
// 防抖
function debounce(fn, delay) {
let timer;
return function(...args) {
clearTimeout(timer);
timer = setTimeout(() => fn.apply(this, args), delay);
};
}
// 滚动信息获取
function getScrollInfo() {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
const scrollHeight = document.documentElement.scrollHeight;
const clientHeight = document.documentElement.clientHeight;
return {
scrollTop,
scrollHeight,
clientHeight,
distanceFromBottom: scrollHeight - (scrollTop + clientHeight)
};
}
// 切换排序
async function switchSort(newSort) {
if (currentSort === newSort) return;
document.querySelectorAll('.sort-tab').forEach(tab => tab.classList.remove('active'));
event.target.closest('.sort-tab').classList.add('active');
commentList.innerHTML = LOADING_HTML;
try {
currentSort = newSort;
currentOffset = 0;
const url = buildReviewURL({ offset: 0, count: 20, sort: newSort });
const response = await fetch(url);
const result = await response.json();
if (result.code === 0 && result.data && result.data.comments) {
hasMore = result.data.has_more || false;
currentOffset = result.data.next_offset || 0;
const comments = result.data.comments || [];
if (comments.length === 0) {
commentList.innerHTML = '<div class="empty">暂无评论</div>';
commentIndex = 0;
} else {
commentList.innerHTML = comments.map((comment, idx) => renderComment(comment, idx)).join('');
commentIndex = comments.length;
// 如果没有更多数据,显示提示
if (!hasMore) {
commentList.insertAdjacentHTML('beforeend', '<div class="empty">没有更多评论了</div>');
}
}
loadedReplies.clear();
window.scrollTo({ top: 0, behavior: 'smooth' });
} else {
commentList.innerHTML = '<div class="empty">加载失败,请重试</div>';
commentIndex = 0;
}
} catch (error) {
console.error('切换排序失败:', error);
commentList.innerHTML = '<div class="empty">加载失败,请重试</div>';
}
}
// 加载回复
async function loadReplies(idx, commentID, count) {
const container = document.getElementById('replies-' + idx);
if (count === 0) {
if (container.classList.contains('show')) {
container.classList.remove('show');
return;
}
container.innerHTML = '<div class="loading" style="color: #999;">暂无回复</div>';
container.classList.add('show');
loadedReplies.add(commentID);
return;
}
if (loadedReplies.has(commentID)) {
container.classList.toggle('show');
return;
}
container.innerHTML = LOADING_HTML;
container.classList.add('show');
try {
const url = buildReviewURL({ comment_id: commentID, offset: 0, count: 20 });
const response = await fetch(url);
const result = await response.json();
if (result.code !== 0 || !result.data) {
container.innerHTML = '<div class="loading">暂无回复</div>';
return;
}
const replies = result.data.reply_list || [];
const totalCount = result.data.count || replies.length;
const hasMore = result.data.has_more || false;
const nextOffset = result.data.next_offset || 0;
if (replies.length === 0) {
container.innerHTML = '<div class="loading">暂无回复</div>';
return;
}
let html = replies.map(renderReply).join('');
if (hasMore) {
html += '<div class="load-more-replies" style="text-align:center;padding:10px;color:var(--text-secondary);cursor:pointer;" ' +
'onclick="loadMoreReplies(\'' + escapeHtml(commentID) + '\', ' + nextOffset + ', this)">' +
'<i class="fas fa-angle-down"></i> 加载更多回复 (还有 ' + (totalCount - replies.length) + ' 条)' +
'</div>';
}
container.innerHTML = html;
loadedReplies.add(commentID);
} catch (error) {
console.error('加载回复失败:', error);
container.innerHTML = '<div class="loading">加载失败</div>';
}
}
// 加载更多回复
async function loadMoreReplies(commentID, offset, button) {
button.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 加载中...';
try {
const url = buildReviewURL({ comment_id: commentID, offset: offset, count: 20 });
const response = await fetch(url);
const result = await response.json();
if (result.code !== 0 || !result.data) {
button.textContent = '加载失败';
return;
}
const replies = result.data.reply_list || [];
const totalCount = result.data.count || 0;
const hasMore = result.data.has_more || false;
const nextOffset = result.data.next_offset || 0;
button.insertAdjacentHTML('beforebegin', replies.map(renderReply).join(''));
if (hasMore) {
const loadedCount = offset + replies.length;
button.innerHTML = '<i class="fas fa-angle-down"></i> 加载更多回复 (还有 ' + (totalCount - loadedCount) + ' 条)';
button.onclick = () => loadMoreReplies(commentID, nextOffset, button);
} else {
button.remove();
}
} catch (error) {
console.error('加载更多回复失败:', error);
button.textContent = '加载失败,点击重试';
}
}
// HTML 转义
const htmlEscapeMap = {
'&': '&amp;',
'<': '&lt;',
'>': '&gt;',
'"': '&quot;',
"'": '&#39;'
};
function escapeHtml(text) {
return text.replace(/[&<>"']/g, m => htmlEscapeMap[m]);
}
// 表情替换
const emojiMap = {{.EmojiMapJS}};
const emojiPattern = new RegExp(
Object.keys(emojiMap)
.map(e => e.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'))
.join('|'),
'g'
);
function replaceEmoji(text) {
return text.replace(emojiPattern, match =>
'<img src="' + emojiMap[match] + '" class="emoji-img" alt="' + match + '" title="' + match + '" loading="lazy">'
);
}
// 渲染单个回复
function renderReply(reply) {
const userName = reply.user_info?.user_name || '匿名用户';
const userAvatar = reply.user_info?.user_avatar || '';
const text = reply.text || '';
const time = formatTime(reply.create_timestamp || 0);
const imageHTML = renderImage(reply.image_data, 'reply');
return '<div class="reply-item">' +
'<img src="' + escapeHtml(userAvatar) + '" class="reply-avatar" alt="' + escapeHtml(userName) + '的头像" onerror="this.style.display=\'none\';" loading="lazy">' +
'<div class="reply-content">' +
'<span class="reply-username">' + escapeHtml(userName) + '</span>' +
'<div class="reply-text">' + replaceEmoji(escapeHtml(text)) + imageHTML + '</div>' +
'<div class="reply-time">' + time + '</div>' +
'</div>' +
'</div>';
}
// 渲染单个评论
function renderComment(comment, idx) {
const userName = comment.user_info?.user_name || '匿名用户';
const userAvatar = comment.user_info?.user_avatar || '';
const isAuthor = comment.user_info?.is_author || false;
const commentText = comment.text || '';
const commentID = comment.comment_id || '';
const diggCount = comment.digg_count || 0;
const replyCount = comment.reply_count || 0;
const createTime = formatTime(comment.create_timestamp || 0, 'full');
const imageHTML = renderImage(comment.image_data);
return '<div class="comment-item" id="comment-' + idx + '">' +
'<div class="user-info">' +
'<img src="' + escapeHtml(userAvatar) + '" class="user-avatar" alt="' + escapeHtml(userName) + '的头像" onerror="this.style.display=\'none\'" loading="lazy">' +
'<div class="user-name">' + escapeHtml(userName) +
(isAuthor ? '<span class="author-badge">作者</span>' : '') +
'</div></div>' +
'<div class="comment-content">' + replaceEmoji(escapeHtml(commentText)) + '</div>' +
imageHTML +
'<div class="comment-time">' + createTime + '</div>' +
'<div class="comment-meta">' +
'<span><i class="far fa-heart"></i>' + diggCount + '</span>' +
'<span class="reply-btn" onclick="loadReplies(' + idx + ', \'' + escapeHtml(commentID) + '\', ' + replyCount + ')">' +
'<i class="far fa-comment-dots"></i>' + replyCount + '</span>' +
'</div>' +
'<div class="replies-container" id="replies-' + idx + '"></div>' +
'</div>';
}
// 显示图片
function showImage(url) {
document.getElementById('previewImage').src = url;
imageViewer.classList.add('show');
document.body.style.overflow = 'hidden';
}
// 关闭图片
function closeImage() {
imageViewer.classList.remove('show');
document.body.style.overflow = '';
}
// 点击空白处关闭
imageViewer.addEventListener('click', e => {
if (e.target.id === 'imageViewer') closeImage();
});
// ESC 键关闭
document.addEventListener('keydown', e => {
if (e.key === 'Escape') closeImage();
});
// 懒加载相关变量
let currentOffset = {{.NextOffset}};
const pageSize = {{.PageSize}};
let hasMore = {{if .HasMore}}true{{else}}false{{end}};
let isLoading = false;
let commentIndex = {{.CommentCount}};
// 懒加载更多评论
async function loadMoreComments() {
if (isLoading || !hasMore) return;
isLoading = true;
let loadingDiv = document.getElementById('loading-indicator');
if (!loadingDiv) {
loadingDiv = document.createElement('div');
loadingDiv.id = 'loading-indicator';
loadingDiv.className = 'loading';
loadingDiv.innerHTML = LOADING_HTML;
commentList.appendChild(loadingDiv);
}
loadingDiv.style.display = 'block';
try {
const url = buildReviewURL({ offset: currentOffset, count: pageSize, sort: currentSort });
const response = await fetch(url);
const result = await response.json();
if (result.code === 0 && result.data) {
const comments = result.data.comments || [];
if (comments.length > 0) {
loadingDiv?.remove();
hasMore = result.data.has_more === true;
currentOffset = result.data.next_offset || 0;
comments.forEach((comment, idx) => {
commentList.insertAdjacentHTML('beforeend', renderComment(comment, commentIndex + idx));
});
commentIndex += comments.length;
if (!hasMore) {
commentList.insertAdjacentHTML('beforeend', '<div class="empty">没有更多评论了</div>');
}
} else {
loadingDiv.className = 'empty';
loadingDiv.textContent = '没有更多评论了';
hasMore = false;
}
} else {
loadingDiv.className = 'empty';
loadingDiv.textContent = '没有更多评论了';
hasMore = false;
}
} catch (error) {
console.error('加载失败:', error);
if (loadingDiv) {
loadingDiv.textContent = '加载失败';
setTimeout(() => loadingDiv.remove(), 2000);
}
} finally {
isLoading = false;
}
}
// 回到顶部
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
// 滚动监听
const handleScroll = debounce(() => {
const scroll = getScrollInfo();
// 显示/隐藏回到顶部按钮
backToTopBtn.classList.toggle('show', scroll.scrollTop > 300);
// 距离底部 200px 时触发加载
if (scroll.distanceFromBottom <= 200) {
loadMoreComments();
}
}, 100);
window.addEventListener('scroll', handleScroll, { passive: true });
</script>
</body>
+757
View File
@@ -0,0 +1,757 @@
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>番茄小说API - 运行状态</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
background: #f5f5f5;
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.header {
text-align: center;
color: #333;
margin-bottom: 30px;
background: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}
.header h1 {
font-size: 2em;
margin-bottom: 8px;
color: #1a1a1a;
}
.header p {
font-size: 1em;
color: #666;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.card {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
border: 1px solid #e0e0e0;
}
.card-title {
font-size: 1.1em;
color: #333;
margin-bottom: 15px;
font-weight: 600;
padding-bottom: 8px;
border-bottom: 2px solid #f0f0f0;
}
.stat-item {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid #f5f5f5;
}
.stat-item:last-child {
border-bottom: none;
}
.stat-label {
color: #666;
font-size: 0.95em;
}
.stat-value {
color: #1a1a1a;
font-weight: 600;
font-size: 0.95em;
}
.api-docs {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
border: 1px solid #e0e0e0;
}
.api-section {
margin-bottom: 25px;
}
.api-section:last-child {
margin-bottom: 0;
}
.api-section-title {
color: #1a1a1a;
font-size: 1em;
font-weight: 600;
margin-bottom: 12px;
padding-left: 20px;
position: relative;
}
.api-section-title::before {
content: "▸";
position: absolute;
left: 0;
color: #666;
}
.api-endpoint {
background: #fafafa;
border: 1px solid #e8e8e8;
border-radius: 6px;
padding: 12px;
margin-bottom: 10px;
}
.api-endpoint:last-child {
margin-bottom: 0;
}
.api-method {
display: inline-block;
background: #2196F3;
color: white;
padding: 2px 8px;
border-radius: 3px;
font-size: 0.75em;
font-weight: 600;
margin-right: 8px;
}
.api-path {
font-family: "Consolas", "Monaco", monospace;
font-size: 0.9em;
color: #333;
font-weight: 500;
}
.api-desc {
color: #666;
font-size: 0.85em;
margin-top: 6px;
padding-left: 4px;
}
.api-params {
margin-top: 8px;
padding-left: 4px;
}
.param-item {
display: flex;
align-items: center;
font-size: 0.8em;
margin: 4px 0;
color: #555;
}
.param-name {
font-family: "Consolas", "Monaco", monospace;
color: #e91e63;
font-weight: 500;
margin-right: 6px;
}
.param-required {
background: #ff9800;
color: white;
padding: 1px 5px;
border-radius: 2px;
font-size: 0.75em;
margin-right: 6px;
}
.param-optional {
background: #2196F3;
color: white;
padding: 1px 5px;
border-radius: 2px;
font-size: 0.75em;
margin-right: 6px;
}
.param-desc {
color: #777;
}
.badge {
display: inline-block;
padding: 2px 8px;
border-radius: 12px;
font-size: 0.75em;
font-weight: 600;
margin-left: 8px;
}
.badge-success {
background: #d4edda;
color: #155724;
}
.badge-info {
background: #d1ecf1;
color: #0c5460;
}
.badge-warning {
background: #fff3cd;
color: #856404;
}
.badge-clickable {
cursor: pointer;
transition: all 0.2s;
}
.badge-clickable:hover {
background: #ffc107;
color: #000;
transform: scale(1.05);
}
.badge-clickable:active {
transform: scale(0.95);
}
.toast {
position: fixed;
top: 20px;
right: 20px;
padding: 15px 20px;
background: #333;
color: white;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
z-index: 9999;
animation: slideIn 0.3s ease-out;
max-width: 300px;
}
.toast.success {
background: #4caf50;
}
.toast.error {
background: #f44336;
}
@keyframes slideIn {
from {
transform: translateX(400px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideOut {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(400px);
opacity: 0;
}
}
</style>
<script type="text/javascript">
let autoRefreshInterval;
window.onload = function() {
startAutoRefresh();
}
function startAutoRefresh() {
autoRefreshInterval = setInterval(function() {
fetch(window.location.href)
.then(response => response.text())
.then(html => {
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
const newBody = doc.querySelector('body');
document.body.innerHTML = newBody.innerHTML;
})
.catch(err => console.error('刷新失败:', err));
}, 3000);
}
function stopAutoRefresh() {
if (autoRefreshInterval) {
clearInterval(autoRefreshInterval);
}
}
function showToast(message, type = 'success') {
const toast = document.createElement('div');
toast.className = 'toast ' + type;
toast.textContent = message;
document.body.appendChild(toast);
setTimeout(() => {
toast.style.animation = 'slideOut 0.3s ease-out';
setTimeout(() => {
document.body.removeChild(toast);
}, 300);
}, 3000);
}
function performVacuum() {
stopAutoRefresh();
const badge = event.target;
const originalText = badge.textContent;
badge.textContent = '压缩中...';
badge.style.cursor = 'wait';
const urlParams = new URLSearchParams(window.location.search);
const key = urlParams.get('key');
const vacuumUrl = key ? '/vacuum?key=' + encodeURIComponent(key) : '/vacuum';
fetch(vacuumUrl, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
}
})
.then(response => response.json())
.then(data => {
if (data.success) {
showToast(data.message, 'success');
setTimeout(() => {
location.reload();
}, 1000);
} else {
showToast(data.message, 'error');
badge.textContent = originalText;
badge.style.cursor = 'pointer';
startAutoRefresh();
}
})
.catch(err => {
showToast('压缩失败: ' + err.message, 'error');
badge.textContent = originalText;
badge.style.cursor = 'pointer';
startAutoRefresh();
});
}
</script>
</head>
<body>
<div class="container">
<div class="header">
<h1>番茄小说API</h1>
<p>运行状态监控面板</p>
</div>
<div class="grid">
<div class="card">
<div class="card-title">● 运行状态</div>
<div class="stat-item">
<span class="stat-label">服务器时间</span>
<span class="stat-value">{{.NowTime}}</span>
</div>
<div class="stat-item">
<span class="stat-label">运行时长</span>
<span class="stat-value">{{.Uptime}}</span>
</div>
<div class="stat-item">
<span class="stat-label">启动时间</span>
<span class="stat-value">{{.StartTime}}</span>
</div>
<div class="stat-item" style="flex-direction: column; align-items: flex-start;">
<span class="stat-label" style="margin-bottom: 8px;">签名方法</span>
<span class="stat-value" style="font-size: 13px; line-height: 1.6;">{{.Signature}}</span>
</div>
<div class="stat-item">
<span class="stat-label">数据库大小</span>
<span class="stat-value">{{.DBTotal}}</span>
</div>
<div class="stat-item">
<span class="stat-label">已用空间</span>
<span class="stat-value">{{.DBUsed}}</span>
</div>
<div class="stat-item">
<span class="stat-label">空闲空间</span>
<span class="stat-value">{{.DBFree}} <span class="badge badge-warning badge-clickable" onclick="performVacuum()" title="点击立即压缩数据库">立即压缩</span></span>
</div>
</div>
<div class="card">
<div class="card-title">◉ 设备密钥池</div>
<div class="stat-item">
<span class="stat-label">池状态</span>
<span class="stat-value">{{.PoolStatus}}</span>
</div>
<div class="stat-item">
<span class="stat-label">总设备数</span>
<span class="stat-value">{{.PoolTotal}}</span>
</div>
<div class="stat-item">
<span class="stat-label">有效设备</span>
<span class="stat-value">{{.PoolValid}} <span class="badge badge-success">可用</span></span>
</div>
<div class="stat-item">
<span class="stat-label">无效设备</span>
<span class="stat-value">{{.PoolInvalid}}</span>
</div>
<div class="stat-item">
<span class="stat-label">当前索引</span>
<span class="stat-value">{{.PoolIndex}}</span>
</div>
</div>
<div class="card">
<div class="card-title">■ 请求统计</div>
<div class="stat-item">
<span class="stat-label">总请求数</span>
<span class="stat-value">{{.StatTotal}}</span>
</div>
<div class="stat-item">
<span class="stat-label">搜索请求</span>
<span class="stat-value">{{.StatSearch}}</span>
</div>
<div class="stat-item">
<span class="stat-label">详情请求</span>
<span class="stat-value">{{.StatDetail}}</span>
</div>
<div class="stat-item">
<span class="stat-label">目录请求</span>
<span class="stat-value">{{.StatCatalog}}</span>
</div>
<div class="stat-item">
<span class="stat-label">内容请求</span>
<span class="stat-value">{{.StatContent}}</span>
</div>
<div class="stat-item">
<span class="stat-label">漫画请求</span>
<span class="stat-value">{{.StatManga}}</span>
</div>
<div class="stat-item">
<span class="stat-label">音频请求</span>
<span class="stat-value">{{.StatAudio}}</span>
</div>
<div class="stat-item">
<span class="stat-label">视频请求</span>
<span class="stat-value">{{.StatVideo}}</span>
</div>
<div class="stat-item">
<span class="stat-label">分类请求</span>
<span class="stat-value">{{.StatCategory}}</span>
</div>
</div>
<div class="card">
<div class="card-title">◆ 缓存统计</div>
<div class="stat-item">
<span class="stat-label">正文缓存数</span>
<span class="stat-value">{{.CacheCount}}</span>
</div>
<div class="stat-item">
<span class="stat-label">正文缓存</span>
<span class="stat-value">{{.CacheStatus}}</span>
</div>
<div class="stat-item">
<span class="stat-label">自动清理</span>
<span class="stat-value">{{.CleanupStatus}}</span>
</div>
<div class="stat-item">
<span class="stat-label">清理间隔</span>
<span class="stat-value">{{.CleanupInterval}}</span>
</div>
</div>
</div>
<div class="api-docs">
<div class="card-title">◈ API 接口文档</div>
<!-- 书籍相关 -->
<div class="api-section">
<div class="api-section-title">书籍相关</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/search</span></div>
<div class="api-desc">◆ 搜索书籍</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">query</span>
<span class="param-required">必需</span>
<span class="param-desc">搜索关键字</span>
</div>
<div class="param-item">
<span class="param-name">offset</span>
<span class="param-optional">可选</span>
<span class="param-desc">偏移量,默认0</span>
</div>
<div class="param-item">
<span class="param-name">tab_type</span>
<span class="param-optional">可选</span>
<span class="param-desc">类型,默认3</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/detail</span></div>
<div class="api-desc">◆ 获取书籍详情</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">book_id</span>
<span class="param-required">必需</span>
<span class="param-desc">书籍ID</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/catalog</span></div>
<div class="api-desc">◆ 获取书籍目录</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">book_id</span>
<span class="param-required">必需</span>
<span class="param-desc">书籍ID</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/multi-detail</span></div>
<div class="api-desc">◆ 批量获取书籍详情</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">book_id</span>
<span class="param-required">必需</span>
<span class="param-desc">书籍ID列表,逗号分隔</span>
</div>
</div>
</div>
</div>
<!-- 内容相关 -->
<div class="api-section">
<div class="api-section-title">内容相关</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/content</span></div>
<div class="api-desc">◆ 获取章节正文内容</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">item_id</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID,支持路径参数或查询参数</span>
</div>
<div class="param-item">
<span class="param-name">text_mode</span>
<span class="param-optional">可选</span>
<span class="param-desc">纯文本模式:1/true=纯文本,0/false=HTML</span>
</div>
<div class="param-item">
<span class="param-name">image_mode</span>
<span class="param-optional">可选</span>
<span class="param-desc">图片处理:1/true=保留图片,0/false=移除图片</span>
</div>
<div class="param-item">
<span class="param-name">review</span>
<span class="param-optional">可选</span>
<span class="param-desc">段评功能:1=启用,0=禁用</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/multi-content</span></div>
<div class="api-desc">◆ 批量获取多个章节正文</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">book_id</span>
<span class="param-required">必需</span>
<span class="param-desc">书籍ID</span>
</div>
<div class="param-item">
<span class="param-name">item_ids</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID列表,多个ID用逗号分隔,如:123,456,789</span>
</div>
<div class="param-item">
<span class="param-name">text_mode</span>
<span class="param-optional">可选</span>
<span class="param-desc">纯文本模式:1/true=纯文本,0/false=HTML</span>
</div>
<div class="param-item">
<span class="param-name">image_mode</span>
<span class="param-optional">可选</span>
<span class="param-desc">图片处理:1/true=保留图片,0/false=移除图片</span>
</div>
<div class="param-item">
<span class="param-name">ignore_failed</span>
<span class="param-optional">可选</span>
<span class="param-desc">忽略失败章节:1/true=忽略,0/false=不忽略</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/item-summary</span></div>
<div class="api-desc">◆ 获取章节摘要信息</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">book_id</span>
<span class="param-required">必需</span>
<span class="param-desc">书籍ID</span>
</div>
<div class="param-item">
<span class="param-name">item_ids</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID列表,逗号分隔</span>
</div>
</div>
</div>
</div>
<!-- 段评相关 -->
<div class="api-section">
<div class="api-section-title">段评相关</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/review</span></div>
<div class="api-desc">◆ 获取段落评论、回复</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">item_id</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID</span>
</div>
<div class="param-item">
<span class="param-name">book_id</span>
<span class="param-required">必需</span>
<span class="param-desc">书籍ID</span>
</div>
<div class="param-item">
<span class="param-name">para</span>
<span class="param-required">必需</span>
<span class="param-desc">段落索引(从0开始)</span>
</div>
<div class="param-item">
<span class="param-name">comment_id</span>
<span class="param-optional">可选</span>
<span class="param-desc">评论ID(获取回复时需要)</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/review_html</span></div>
<div class="api-desc">◆ 获取段落评论HTML页面</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">item_id</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID</span>
</div>
<div class="param-item">
<span class="param-name">book_id</span>
<span class="param-required">必需</span>
<span class="param-desc">书籍ID</span>
</div>
<div class="param-item">
<span class="param-name">para</span>
<span class="param-required">必需</span>
<span class="param-desc">段落索引(从0开始)</span>
</div>
</div>
</div>
</div>
<!-- 多媒体 -->
<div class="api-section">
<div class="api-section-title">多媒体</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/manga</span></div>
<div class="api-desc">◆ 获取漫画内容</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">item_ids</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID</span>
</div>
<div class="param-item">
<span class="param-name">output</span>
<span class="param-optional">可选</span>
<span class="param-desc">输出格式:url/proxy/data_uri,默认url</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/audio</span></div>
<div class="api-desc">◆ 获取音频信息</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">item_ids</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID</span>
</div>
<div class="param-item">
<span class="param-name">tone_id</span>
<span class="param-optional">可选</span>
<span class="param-desc">音色ID,默认1</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/video</span></div>
<div class="api-desc">◆ 获取视频信息</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">item_ids</span>
<span class="param-required">必需</span>
<span class="param-desc">章节ID</span>
</div>
</div>
</div>
</div>
<!-- 分类 -->
<div class="api-section">
<div class="api-section-title">分类</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/category-front</span></div>
<div class="api-desc">◆ 获取分类首页</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">tab</span>
<span class="param-optional">可选</span>
<span class="param-desc">标签页,默认0</span>
</div>
</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/category-landing</span></div>
<div class="api-desc">◆ 获取分类详情页</div>
<div class="api-params">
<div class="param-item">
<span class="param-name">category_id</span>
<span class="param-required">必需</span>
<span class="param-desc">分类ID</span>
</div>
<div class="param-item">
<span class="param-name">offset</span>
<span class="param-optional">可选</span>
<span class="param-desc">偏移量,默认0</span>
</div>
<div class="param-item">
<span class="param-name">limit</span>
<span class="param-optional">可选</span>
<span class="param-desc">每页数量,默认20</span>
</div>
</div>
</div>
</div>
<!-- 系统 -->
<div class="api-section">
<div class="api-section-title">系统</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/status</span></div>
<div class="api-desc">◆ 系统状态页面(当前页面)</div>
</div>
<div class="api-endpoint">
<div><span class="api-method">GET</span><span class="api-path">/self-info</span></div>
<div class="api-desc">◆ 设备信息(包含敏感数据)</div>
</div>
</div>
</div>
</div>
</body>
</html>