${Utils.escapeHtml(t.title)}
${t.activity ? `
${Utils.escapeHtml(t.activity)}
` : ''}
${showStats ? `
💬 ${Utils.formatNumber(t.replies)}
👁️ ${Utils.formatNumber(t.views)}
` : ''}
`;
this.observer.observe(card);
return card;
},
async _loadImage(card, tid) {
let data = this.cache.get(tid);
if (!data) {
// 检查是否在冷却期（双重检查）
if (Date.now() < (this._rateLimiterCache?.cooldownUntil || 0)) {
// 重新加入队列末尾
this.loadQueue.push({ card, tid });
return;
}
// 记录请求（用于速率限制统计）
this._recordRequest();
this._activeRequests++;
try {
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), 10000); // 10秒超时
const res = await fetch(`/t/topic/${tid}.json`, {
signal: controller.signal,
headers: { 'Accept': 'application/json' },
priority: 'low'
});
clearTimeout(timeoutId);
if (!res.ok) {
// 请求失败，应用退避策略
this._activeRequests--;
this._onRequestFailure(res.status);
// 如果不是 429/5xx，可以稍后重试
if (res.status < 400 || (res.status >= 400 && res.status < 429)) {
this.loadQueue.push({ card, tid });
}
return;
}
// 请求成功，重置失败计数
this._onRequestSuccess();
const json = await res.json();
data = {
images: [],
likes: json.like_count || 0,
liked: json.current_user_liked || false
};
const html = json.post_stream?.posts?.[0]?.cooked || '';
// 使用 DOM 解析来更精确地过滤图片
const tempDiv = document.createElement('div');
tempDiv.innerHTML = html;
// 移除不需要的内容区域
// 1. 移除 onebox（链接预览）中的所有图片
tempDiv.querySelectorAll('.onebox, .onebox-body, aside.onebox').forEach(el => el.remove());
// 2. 移除 spoiler（遮挡内容）中的所有图片
tempDiv.querySelectorAll('.spoiler, .spoiled, .spoiler-blurred, [data-spoiler-state]').forEach(el => el.remove());
// 3. 移除引用区域
tempDiv.querySelectorAll('.quote, blockquote').forEach(el => el.remove());
// 获取剩余的图片
const imgs = tempDiv.querySelectorAll('img');
imgs.forEach(img => {
let src = img.getAttribute('src') || '';
// 过滤 emoji、头像、favicon 等非内容图片
if (src && !/emoji|avatar|letter_avatar|user_avatar|favicon|icon|logo|badge/i.test(src)) {
// 检查图片是否有合理的尺寸属性（排除小图标）
const width = parseInt(img.getAttribute('width') || '0');
const height = parseInt(img.getAttribute('height') || '0');
// 如果有尺寸且太小（小于50px），跳过
if ((width > 0 && width < 50) || (height > 0 && height < 50)) {
return;
}
// 尝试使用 srcset 中更适合卡片尺寸的图片
const srcset = img.getAttribute('srcset') || '';
if (srcset) {
// 找一个适中尺寸的图片（优先 690w 或最小的）
const srcsetParts = srcset.split(',').map(s => s.trim());
for (const part of srcsetParts) {
const match = part.match(/^(\S+)\s+(\d+)w$/);
if (match) {
const [, url, width] = match;
// 选择 690w 左右的图片，足够清晰又不会太大
if (parseInt(width) >= 500 && parseInt(width) <= 800) {
src = url;
break;
}
}
}
}
const fullSrc = src.startsWith('/') ? location.origin + src : src;
data.images.push(fullSrc);
if (data.images.length >= 6) return;
}
});
this.cache.set(tid, data);
this._activeRequests--;
} catch (e) {
this._activeRequests--;
// 网络错误或超时，应用退避策略
if (e.name === 'AbortError') {
// 超时，轻微退避
this._onRequestFailure(408);
// 超时的请求可以稍后重试
this.loadQueue.push({ card, tid });
} else {
// 其他网络错误
this._onRequestFailure(0);
}
return;
}
}
if (data.images.length) {
const bgEl = card.querySelector('.xhs-card-bg');
const imgBox = card.querySelector('.xhs-card-img-box');
const img = card.querySelector('.xhs-card-img');
if (bgEl && imgBox && img) {
const showImage = () => {
bgEl.style.cssText = 'display:none!important';
imgBox.style.cssText = 'display:block';
requestAnimationFrame(() => img.classList.add('show'));
};
// 先绑定事件，再设置 src
img.onload = showImage;
img.onerror = () => {
// 图片加载失败，保持文字封面
};
// 设置图片属性
img.decoding = 'async';
img.src = data.images[0];
// 如果图片已经在缓存中加载完成
if (img.complete && img.naturalWidth > 0) {
showImage();
}
}
if (data.images.length > 1) {
const count = card.querySelector('.xhs-card-count');
if (count) {
count.innerHTML = `
${Utils.escapeHtml(t.user || '匿名')}