-
+
`;
}
- if (ext.video && ext.video.type) {
- const videoType = ext.video.type;
- const videoUrl = ext.video.value;
- if (videoType === 'bilibili') {
- // Bilibili 视频模板
- // 从形如https://www.bilibili.com/video/BV1VGAPeAEMQ/?vd_source=91b3158d27d98ff41f842508c3794a13 的链接中提取视频 BV1VGAPeAEMQ
- const biliTemplate = `
-
-
-
- `;
- // 将模板插入到 DOM 中
- content += biliTemplate;
- } else if (videoType === 'youtube') {
- // YouTube 视频模板
- // 从形如https://youtu.be/2V6lvCUPT8I?si=DVhUas6l6qlAr6Ru的链接中提取视频 ID2V6lvCUPT8I
- const youtubeTemplate = `
-
-
-
- `;
- // 将模板插入到 DOM 中
- content += youtubeTemplate;
+ // 音乐
+ if (item.extension_type === 'MUSIC' && item.extension) {
+ const link = item.extension;
+ let server = '';
+ if (link.includes('music.163.com')) server = 'netease';
+ else if (link.includes('y.qq.com')) server = 'tencent';
+ const idMatch = link.match(/id=(\d+)/);
+ const id = idMatch ? idMatch[1] : '';
+ if (server && id) {
+ content += `
`;
+ }
+ }
+
+ // 视频
+ if (item.extension_type === 'VIDEO' && item.extension) {
+ const video = item.extension;
+ if (video.startsWith('BV')) {
+ const bilibiliUrl = `https://www.bilibili.com/blackboard/html5mobileplayer.html?bvid=${video}&as_wide=1&high_quality=1&danmaku=0`;
+ content += `
+
+
+
`;
+ } else {
+ const youtubeUrl = `https://www.youtube.com/embed/${video}`;
+ content += `
+
+
+
`;
}
}
return {
- content: content,
- user: item.user.nickname || '匿名',
- avatar: item.user.avatarUrl || 'https://p.liiiu.cn/i/2024/03/29/66061417537af.png',
- date: date,
- location: item.location || '山西',
- tags: item.tags ? item.tags.split(',').filter(tag => tag.trim() !== '') : ['无标签'],
- text: content.replace(/\[(.*?)\]\((.*?)\)/g, '[链接]' + `${imgs.length ? '[图片]' : ''}`)
+ content,
+ user: item.username || '匿名',
+ avatar: 'https://p.liiiu.cn/i/2025/03/13/67d2fc82d329c.webp',
+ date,
+ location: '',
+ tags: Array.isArray(item.tags) && item.tags.length ? item.tags.map(t => t.name) : ['无标签'],
+ text: content.replace(/\[(.*?)\]\((.*?)\)/g, '[链接]')
};
};
@@ -315,21 +241,22 @@ function renderTalks() {
const talkMeta = document.createElement('div');
talkMeta.className = 'talk_meta';
-
const avatar = document.createElement('img');
avatar.className = 'no-lightbox avatar';
avatar.src = item.avatar;
const info = document.createElement('div');
info.className = 'info';
-
- const talkNick = document.createElement('span');
- talkNick.className = 'talk_nick';
- talkNick.innerHTML = `${item.user} ${generateIconSVG()}`;
-
- const talkDate = document.createElement('span');
- talkDate.className = 'talk_date';
- talkDate.textContent = item.date;
+ const nick = document.createElement('span');
+ nick.className = 'talk_nick';
+ nick.innerHTML = `${item.user} ${generateIconSVG()}`;
+ const date = document.createElement('span');
+ date.className = 'talk_date';
+ date.textContent = item.date;
+ info.appendChild(nick);
+ info.appendChild(date);
+ talkMeta.appendChild(avatar);
+ talkMeta.appendChild(info);
const talkContent = document.createElement('div');
talkContent.className = 'talk_content';
@@ -337,38 +264,29 @@ function renderTalks() {
const talkBottom = document.createElement('div');
talkBottom.className = 'talk_bottom';
-
- const TagContainer = document.createElement('div');
-
- const talkTag = document.createElement('span');
- talkTag.className = 'talk_tag';
- talkTag.textContent = `🏷️${item.tags}`;
-
- const locationTag = document.createElement('span');
- locationTag.className = 'location_tag';
- locationTag.textContent = `🌍${item.location}`;
-
- TagContainer.appendChild(talkTag);
- TagContainer.appendChild(locationTag);
+ const tags = document.createElement('div');
+ const tag = document.createElement('span');
+ tag.className = 'talk_tag';
+ tag.textContent = `🏷️${item.tags}`;
+ //const loc = document.createElement('span');
+ //loc.className = 'location_tag';
+ //loc.textContent = `🌍${item.location}`;
+ tags.appendChild(tag);
+ //tags.appendChild(loc);
const commentLink = document.createElement('a');
commentLink.href = 'javascript:;';
commentLink.onclick = () => goComment(item.text);
- const commentIcon = document.createElement('span');
- commentIcon.className = 'icon';
- const commentIconInner = document.createElement('i');
- commentIconInner.className = 'fa-solid fa-message fa-fw';
- commentIcon.appendChild(commentIconInner);
- commentLink.appendChild(commentIcon);
+ const icon = document.createElement('span');
+ icon.className = 'icon';
+ icon.innerHTML = '
';
+ commentLink.appendChild(icon);
+
+ talkBottom.appendChild(tags);
+ talkBottom.appendChild(commentLink);
- talkMeta.appendChild(avatar);
- info.appendChild(talkNick);
- info.appendChild(talkDate);
- talkMeta.appendChild(info);
talkItem.appendChild(talkMeta);
talkItem.appendChild(talkContent);
- talkBottom.appendChild(TagContainer);
- talkBottom.appendChild(commentLink);
talkItem.appendChild(talkBottom);
return talkItem;
@@ -377,28 +295,16 @@ function renderTalks() {
const goComment = (e) => {
const match = e.match(/
([\s\S]*?)<\/div>/);
const textContent = match ? match[1] : "";
- const n = document.querySelector(".tk-input el-textarea");
- n.value = `> ${textContent}\n\n`;
- n.focus();
+ const textarea = document.querySelector("tk-input el-textarea");
+ textarea.value = `> ${textContent}\n\n`;
+ textarea.focus();
btf.snackbarShow("已为您引用该说说，不删除空格效果更佳");
- // const n = document.querySelector(".atk-textarea");
- // n.value = `> ${e}\n\n`;
- // n.focus();
- // btf.snackbarShow("已为您引用该说说，不删除空格效果更佳");
};
const formatTime = (time) => {
const d = new Date(time);
- const ls = [
- d.getFullYear(),
- d.getMonth() + 1,
- d.getDate(),
- d.getHours(),
- d.getMinutes(),
- d.getSeconds(),
- ];
- const r = ls.map((a) => (a.toString().length === 1 ? '0' + a : a));
- return `${r[0]}-${r[1]}-${r[2]} ${r[3]}:${r[4]}`;
+ const pad = (n) => n.toString().padStart(2, '0');
+ return `${d.getFullYear()}-${pad(d.getMonth()+1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
};
fetchAndRenderTalks();
diff --git a/themes/butterfly/source/js/shuoshuoshouye.js b/themes/butterfly/source/js/shuoshuoshouye.js
new file mode 100644
index 0000000..f5a2594
--- /dev/null
+++ b/themes/butterfly/source/js/shuoshuoshouye.js
@@ -0,0 +1,97 @@
+let talkTimer = null;
+
+const cacheKey = 'talksCache';
+const cacheTimeKey = 'talksCacheTime';
+const cacheDuration = 30 * 60 * 1000; // 缓存有效期 30分钟
+
+function indexTalk() {
+ if (talkTimer) {
+ clearInterval(talkTimer);
+ talkTimer = null;
+ }
+
+ if (!document.getElementById('bber-talk')) return;
+
+ function toText(ls) {
+ return ls.map(item => {
+ let c = item.content || '';
+
+ const hasImg = /\!\[.*?\]\(.*?\)/.test(c);
+ const hasLink = /\[.*?\]\(.*?\)/.test(c);
+
+ c = c
+ .replace(/#(.*?)\s/g, '')
+ .replace(/\{.*?\}/g, '')
+ .replace(/\!\[.*?\]\(.*?\)/g, '')
+ .replace(/\[.*?\]\(.*?\)/g, '');
+
+ const icons = [];
+
+ if (item.images?.length && !hasImg) icons.push('fa-solid fa-image');
+ if (item.extension_type === 'VIDEO') icons.push('fa-solid fa-video');
+ if (item.extension_type === 'MUSIC') icons.push('fa-solid fa-music');
+ if (item.extension_type === 'WEBSITE' && !hasLink) icons.push('fa-solid fa-link');
+ if (item.extension_type === 'GITHUBPROJ' && !hasLink) icons.push('fab fa-github');
+
+ if (icons.length) c += ' ' + icons.map(i => ``).join(' ');
+ return c;
+ });
+ }
+
+ // 渲染与轮播
+ function talk(ls) {
+ let html = '';
+ ls.forEach((item, i) => {
+ html += `
${item}`;
+ });
+
+ let box = document.querySelector("#bber-talk .talk-list");
+ if (!box) return;
+
+ box.innerHTML = html;
+
+ talkTimer = setInterval(() => {
+ if (box.children.length > 0) {
+ box.appendChild(box.children[0]);
+ }
+ }, 3000);
+ }
+
+ const cachedData = localStorage.getItem(cacheKey);
+ const cachedTime = localStorage.getItem(cacheTimeKey);
+ const currentTime = new Date().getTime();
+
+ // 判断缓存是否有效
+ if (cachedData && cachedTime && (currentTime - cachedTime < cacheDuration)) {
+ const data = toText(JSON.parse(cachedData));
+ talk(data.slice(0, 6)); // 使用缓存渲染数据
+ } else {
+ fetch('https://mm.biss.click/api/echo/page', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ page: 1, pageSize: 30 })
+ })
+ .then(res => res.json())
+ .then(data => {
+ // 适配新版结构：code=1 且 data.items 存在
+ if (data.code === 1 && data.data && Array.isArray(data.data.items)) {
+ localStorage.setItem(cacheKey, JSON.stringify(data.data.items));
+ localStorage.setItem(cacheTimeKey, currentTime.toString());
+
+ const formattedData = toText(data.data.items);
+ talk(formattedData.slice(0, 6));
+ } else {
+ console.warn('Unexpected API response format:', data);
+ }
+ })
+ .catch(error => console.error('Error fetching data:', error));
+ }
+}
+
+// pjax 支持
+function whenDOMReady() {
+ indexTalk();
+}
+
+whenDOMReady();
+document.addEventListener("pjax:complete", whenDOMReady);