hexo-theme-stellar 1.33.1 → 1.35.0

package/source/css/_components/widgets/list.styl

@@ -4,6 +4,7 @@
     padding: 6px 16px
     display: block
     border-radius: $border-bar
+    corner-shape: superellipse(1.2)
     color: var(--text-p1)
     trans1 background
     &.active,&:hover

package/source/css/_components/widgets/toc.styl

@@ -16,6 +16,9 @@
     @media screen and (min-width: $device-laptop)
       background: var(--background)
 
+.l_left .widget-wrapper.toc
+  @media screen and (min-width: $device-laptop)
+    background: none
 
 // 目录基本样式
 .widget-wrapper.toc .toc

package/source/css/_components/widgets/widgets.styl

@@ -77,3 +77,7 @@
   @media screen and (min-width: $device-laptop)
     .widget-wrapper.markdown .widget-body
       background: var(--block)
+
+.leftbar-container
+  .header+.widgets
+    margin-top: 1rem

package/source/css/_custom.styl

@@ -31,7 +31,8 @@ $fsp3 = 'calc(%s - 3px)' % $fs-body
 // site main
 $site-background-image = hexo-config('style.site.background-image')
 $leftbar-background-image = hexo-config('style.leftbar.background-image')
-$leftbar-background-color = hexo-config('style.leftbar.background-color')
+$leftbar-background-color-light = hexo-config('style.leftbar.background-color-light')
+$leftbar-background-color-dark = hexo-config('style.leftbar.background-color-dark')
 
 
 // colors

package/source/css/_defines/func.styl

@@ -137,10 +137,14 @@ newblur()
   box-shadow: 0 0 2px rgba(black, .04), 0 2px 8px rgba(black, .04), 0 4px 16px rgba(black, .04)
   trans1: all
   text-shadow: 0 0 4px rgba(white, 1), 0 0 8px rgba(white, 0.8), 0 0 16px rgba(white, 0.6)
+  :root[data-theme="dark"] &
+    text-shadow: 0 0 2px rgba(black, 0.2), 0 0 4px rgba(black, 0.4)
   @media (prefers-color-scheme: dark)
     text-shadow: 0 0 2px rgba(black, 0.2), 0 0 4px rgba(black, 0.4)
   nav a:not(.active,:hover)
     filter: drop-shadow(0 0 0 white) drop-shadow(0 0 4px white)
+    :root[data-theme="dark"] &
+      filter: none
     @media (prefers-color-scheme: dark)
       filter: none
   &:before,&:after
@@ -158,6 +162,8 @@ newblur()
     -webkit-backdrop-filter: blur(8px)
     background: rgba(white, 0.3)
     margin: 1px
+    :root[data-theme="dark"] &
+      background: rgba(white, 0.2)
     @media (prefers-color-scheme: dark)
       background: rgba(white, 0.2)
   &:after
@@ -169,5 +175,7 @@ newblur()
     -webkit-mask-image: linear-gradient(white, 20%, transparent, 80%, white), linear-gradient(90deg, white, 20%, transparent, 80%, white)
     box-shadow: inset 0 0 4px 1px rgba(white, 0.5)
     trans1 all
+    :root[data-theme="dark"] &
+      box-shadow: inset 0 0 2px 1px rgba(white, 0.2)
     @media (prefers-color-scheme: dark)
       box-shadow: inset 0 0 2px 1px rgba(white, 0.2)

package/source/css/_plugins/comments/artalk.styl

@@ -158,6 +158,7 @@
     >img
       margin: var(--gap-p) auto
       border-radius: $border-image-s
+      corner-shape: superellipse(1.2)
   a>img
     display: inline
   img[atk-emoticon]
@@ -175,5 +176,8 @@
     padding: 0.25rem 1rem
     p
       color: var(--text-p3)
-  .atk-content a
-    --at-color-main: var(--link)
+  .atk-content
+    a
+      --at-color-main: var(--link)
+    pre>code
+      padding: 0

package/source/css/_plugins/comments/twikoo.styl

@@ -6,6 +6,7 @@
     .vemoji, .tk-owo-emotion
       width: unset
       border-radius: $border-image-s
+      corner-shape: superellipse(1.2)
       max-height: 24px
       max-width: 100px
       display: inline
@@ -14,6 +15,7 @@
       max-width: 400px
       max-height: 400px
       border-radius: $border-image-s
+      corner-shape: superellipse(1.2)
 
 .OwO
   .OwO-body

package/source/css/_plugins/index.styl

@@ -14,7 +14,6 @@ if hexo-config('plugins.copycode.enable')
   @import 'copycode'
 if hexo-config('plugins.tianli_gpt.enable')
   @import 'tianli_gpt'
-
 if hexo-config('plugins.katex.enable')
   @import 'katex'
 

package/source/js/main.js

@@ -37,10 +37,11 @@ const util = {
     const el = document.getElementById(id);
     if (el) {
       el.select();
-      document.execCommand("Copy");
-      if (msg && msg.length > 0) {
-        hud.toast(msg, 2500);
-      }
+      navigator.clipboard.writeText(el.value).then(() => {
+        if (msg && msg.length > 0) {
+          hud.toast(msg, 2500);
+        }
+      }).catch(() => {});
     }
   },
 
@@ -52,11 +53,11 @@ const util = {
   },
 
   scrollTop: () => {
-    window.scrollTo({top: 0, behavior: "smooth"});
+    window.scrollTo({ top: 0, behavior: "smooth" });
   },
 
   scrollComment: () => {
-    document.getElementById('comments').scrollIntoView({behavior: "smooth"});
+    document.getElementById('comments').scrollIntoView({ behavior: "smooth" });
   },
 
   viewportLazyload: (target, func, enabled = true) => {
@@ -83,8 +84,8 @@ const hud = {
     el.innerHTML = msg;
     document.body.appendChild(el);
 
-    setTimeout(function(){ document.body.removeChild(el) }, d);
-    
+    setTimeout(function () { document.body.removeChild(el) }, d);
+
   },
 
 }
@@ -138,20 +139,20 @@ const init = {
         const offsetBottom = e1.getBoundingClientRect().bottom - e0.getBoundingClientRect().bottom + 100;
         const offsetTop = e1.getBoundingClientRect().top - e0.getBoundingClientRect().top - 64;
         if (offsetTop < 0) {
-          e0.scrollBy({top: offsetTop, behavior: "smooth"});
+          e0.scrollBy({ top: offsetTop, behavior: "smooth" });
         } else if (offsetBottom > 0) {
-          e0.scrollBy({top: offsetBottom, behavior: "smooth"});
+          e0.scrollBy({ top: offsetBottom, behavior: "smooth" });
         }
       }
-      
+
       var timeout = null;
-      window.addEventListener('scroll', function() {
+      window.addEventListener('scroll', function () {
         activeTOC();
-        if(timeout !== null) clearTimeout(timeout);
-        timeout = setTimeout(function() {
+        if (timeout !== null) clearTimeout(timeout);
+        timeout = setTimeout(function () {
           scrollTOC();
         }.bind(this), 50);
-      });      
+      });
     })
   },
   sidebar: () => {
@@ -202,24 +203,44 @@ const init = {
 
   canonicalCheck: () => {
     const canonical = window.canonical;
-    function showTip(isOfficial = false) {
+    function originStatusCheck() {
+      return new Promise((resolve) => {
+        if (window.canonical.originalHost === window.location.hostname) {
+          resolve(true);
+          return;
+        }
+        const scriptUrl = `https://${window.canonical.originalHost}${window.canonical.param.checklink}`;
+        const script = document.createElement('script');
+        script.src = scriptUrl;
+        script.type = 'text/javascript';
+        script.onload = function () { resolve(true); };
+        script.onerror = function () { resolve(false); };
+        document.head.appendChild(script);
+      });
+    }
+    async function showTip(isOfficial = false) {
       const meta = document.createElement('meta');
       meta.name = 'robots';
       meta.content = 'noindex, nofollow';
       document.head.appendChild(meta);
       const notice = document.createElement('div');
       const originalURL = `https://${canonical.originalHost}`;
+      const currentURL = canonical.param.permalink.startsWith("http") ? canonical.param.permalink : originalURL;
       if (isOfficial) {
+        const closeEnable = window.localStorage.getItem('Stellar.canonical.closeEnable') === 'true'
+        const closedToday = window.localStorage.getItem('Stellar.canonical.closeTime') === new Date().toDateString()
+        if ((closeEnable && closedToday) || !(await originStatusCheck())) return;
         notice.className = 'canonical-tip official';
         notice.innerHTML = `
-        <a href="${originalURL}" target="_self" rel="noopener noreferrer">
-        本站为官方备用站，仅供应急。主站：${originalURL}
-        </a>
+          <a href="${currentURL}" target="_self" rel="noopener noreferrer">
+          本站为官方备用站，仅供应急。点击移步主站<br>${originalURL}
+          </a>
+          ${canonical.closeEnable ? '<button id="canonical-close">' + canonical.closeText || '关闭提示' + '</button>' : ''}
         `;
       } else {
         notice.className = 'canonical-tip unofficial';
         notice.innerHTML = `
-        <a href="${originalURL}" target="_self" rel="noopener noreferrer">
+        <a href="${currentURL}" target="_self" rel="noopener noreferrer">
         <div class="headline icon">☠️</div>
         本站为非法克隆站，请前往官方源站访问。<br>
         源站：${originalURL}
@@ -227,6 +248,14 @@ const init = {
         `;
       }
       document.body.appendChild(notice);
+      const closeBtn = notice.querySelector('#canonical-close');
+      if (closeBtn) {
+        closeBtn.addEventListener('click', function () {
+          window.localStorage.setItem('Stellar.canonical.closeEnable', "true")
+          window.localStorage.setItem('Stellar.canonical.closeTime', new Date().toDateString())
+          notice.style.display = 'none';
+        });
+      }
     }
     if (!canonical.originalHost) return;
     const currentURL = new URL(window.location.href);
@@ -259,9 +288,30 @@ const init = {
 }
 
 
-// init
-init.toc()
-init.sidebar()
-init.relativeDate(document.querySelectorAll('#post-meta time'))
-init.registerTabsTag()
-init.canonicalCheck()
+// Stellar namespace
+window.stellar = window.stellar || {};
+
+/**
+ * Initialize page components
+ * Called on initial load and after PJAX navigation
+ */
+stellar.initPage = function () {
+  init.toc();
+  init.sidebar();
+  init.relativeDate(document.querySelectorAll('#post-meta time'));
+  init.registerTabsTag();
+  
+  // Reinitialize comments after PJAX navigation
+  if (stellar.initComments) {
+    for (const commentSystem in stellar.initComments) {
+      if (typeof stellar.initComments[commentSystem] === 'function') {
+        stellar.initComments[commentSystem]();
+      }
+    }
+  }
+};
+
+// Initial page load
+stellar.initPage();
+init.canonicalCheck();
+

package/source/js/plugins/copycode.js

@@ -1,32 +1,39 @@
-window.codeElements.forEach((codeElement) => {
-  // 创建复制按钮
-  const codeCopyBtn = document.createElement('div');
-  codeCopyBtn.className = 'copy-btn';
-  codeCopyBtn.textContent = ctx.copycode.default_text;
-  codeElement.appendChild(codeCopyBtn);
+function createCopyButtons(codeElements) {
+  codeElements.forEach((codeElement) => {
+    if (codeElement.querySelector('.copy-btn')) return;
+    // 创建复制按钮
+    const codeCopyBtn = document.createElement('div');
+    codeCopyBtn.className = 'copy-btn';
+    codeCopyBtn.textContent = ctx.copycode.default_text;
+    codeElement.appendChild(codeCopyBtn);
 
-  // 添加点击事件监听
-  codeCopyBtn.addEventListener('click', async () => {
-    const codeToCopy = codeElement.querySelector('pre')?.innerText || '';
-    if (navigator.clipboard) {
-      try {
-        await navigator.clipboard.writeText(codeToCopy);
-        codeCopyBtn.textContent = ctx.copycode.success_text;
-        codeCopyBtn.classList.add('success');
-        hud.toast(ctx.copycode.toast, 2500);
-      } catch (error) {
-        codeCopyBtn.textContent = '未获得用户许可';
+    // 添加点击事件监听
+    codeCopyBtn.addEventListener('click', async () => {
+      const codeToCopy = codeElement.querySelector('pre')?.innerText || '';
+      if (navigator.clipboard) {
+        try {
+          await navigator.clipboard.writeText(codeToCopy);
+          codeCopyBtn.textContent = ctx.copycode.success_text;
+          codeCopyBtn.classList.add('success');
+          hud.toast(ctx.copycode.toast, 2500);
+        } catch (error) {
+          codeCopyBtn.textContent = '未获得用户许可';
+          codeCopyBtn.classList.add('warning');
+        }
+      } else {
+        codeCopyBtn.textContent = '浏览器不支持/非HTTPS';
         codeCopyBtn.classList.add('warning');
       }
-    } else {
-      codeCopyBtn.textContent = '浏览器不支持/非HTTPS';
-      codeCopyBtn.classList.add('warning');
-    }
 
-    // 3秒后恢复默认文本
-    setTimeout(() => {
-      codeCopyBtn.textContent = ctx.copycode.default_text;
-      codeCopyBtn.classList.remove('success', 'warning');
-    }, 3000);
+      // 3秒后恢复默认文本
+      setTimeout(() => {
+        codeCopyBtn.textContent = ctx.copycode.default_text;
+        codeCopyBtn.classList.remove('success', 'warning');
+      }, 3000);
+    });
   });
-});
+}
+
+if (typeof window.codeElements !== 'undefined') {
+  createCopyButtons(window.codeElements);
+}

package/source/js/search/local-search.js

@@ -2,6 +2,9 @@ var searchCache = null;
 var searchCacheKey = 'search_cache_v1';
 
 var searchFunc = function(path, filter, wrapperId, searchId, contentId) {
+  var $input = document.getElementById(searchId);
+  if (!$input || $input._searchInitialized === true) return;
+  if ($input._searchInitialized === 'pending' && !searchCache) return;
 
   function getAllCombinations(keywords) {
     const result = [];
@@ -19,9 +22,8 @@ var searchFunc = function(path, filter, wrapperId, searchId, contentId) {
   }
 
   function initSearch(datas) {
-    var $input = document.getElementById(searchId);
     if (!$input) { return; }
-    if ($input._searchInitialized) return; // 防止重复绑定
+    if ($input._searchInitialized === true) return; // 防止重复绑定
     $input._searchInitialized = true;
 
     var $resultContent = document.getElementById(contentId);
@@ -115,6 +117,7 @@ var searchFunc = function(path, filter, wrapperId, searchId, contentId) {
   }
 
   if (!searchCache) {
+    $input._searchInitialized = 'pending';
     // 数据还没准备好，延迟初始化
     const timer = setInterval(() => {
       if (searchCache) {

package/source/js/services/memos.js

@@ -28,7 +28,7 @@ utils.jq(() => {
                       <div class="header">${!users.length && !hide.includes('user') ? await versionHandler.buildUser(item, memos, default_avatar) : ''}
                       <span>${versionHandler.buildDate(item).toLocaleString()}</span></div>
                       <div class="body">${marked.parse(item.content || '')}
-                      <div class="tag-plugin image">${versionHandler.buildImages(item, host).join('')}</div>
+                      <p>${versionHandler.buildImages(item, host).join('')}</p>
                       </div></div>`;
     }
 
@@ -39,7 +39,7 @@ utils.jq(() => {
             `<div class="user-info">${default_avatar ? `<img src="${default_avatar}">` : ''}<span>${item.creatorName}</span></div>`,
         buildDate: item => new Date(item.createdTs * 1000),
         buildImages: (item, host) => (item.resourceList || []).filter(res => res.type?.includes('image/')).map(res =>
-            `<div class="image-bg"><img src="${res.externalLink || `https://${host}/o/r/${res.id}`}"></div>`
+            `<p><img src="${res.externalLink || `https://${host}/o/r/${res.id}`}"></p>`
         )
       },
       "22+": {
@@ -69,7 +69,38 @@ utils.jq(() => {
         },
         buildDate: item => new Date(item.createTime),
         buildImages: (item) => (item.resources || []).filter(res => res.type?.includes('image/')).map(res =>
-            `<div class="image-bg"><img src="${res.externalLink || `https://${host}/o/r/${res.id}`}"></div>`
+            `<p><img src="${res.externalLink || `https://${host}/o/r/${res.id}`}"></p>`
+        )
+      },
+      "25+": {
+        buildUser: async (item, memos, default_avatar) => {
+          const creatorId = item?.creator.split('/')[1];
+          let user = memos.users.find(user => user.name.split('/')[1] === creatorId);
+          if (!user) {
+            if (!memos.requests[creatorId]) {
+              memos.requests[creatorId] = fetch(`${memos.site}/api/v1/users/${creatorId}`)
+                  .then(response => response.json())
+                  .then(data => {
+                    if (data.username) {
+                      user = data;
+                      memos.users.push(data);
+                    } else {
+                      user = null;
+                    }
+                  })
+                  .finally(() => delete memos.requests[creatorId]);
+            }
+            await memos.requests[creatorId];
+            user = memos.users.find(user => user.name.split('/')[1] === creatorId);
+          }
+          console.log(JSON.stringify(user));
+          const name = user ? user.displayName || user.username : 'memos';
+          const avatarUrl = user?.avatarUrl ? `${memos.site}${user.avatarUrl}` : default_avatar || '';
+          return `<div class="user-info">${avatarUrl ? `<img src="${avatarUrl}">` : ''}<span>${name}</span></div>`;
+        },
+        buildDate: item => new Date(item.createTime),
+        buildImages: (item) => (item.attachments || []).filter(res => res.type?.includes('image/')).map(res =>
+            `<div class="image-bg"><img src="${res.externalLink || `https://${host}/file/${res.name}/${res.filename}`}"></div>`
         )
       },
       "feature": {
@@ -82,9 +113,15 @@ utils.jq(() => {
         if (Array.isArray(data)) {
           memos.version = "22-";
           memos.data = data;
-        } else if (data.memos) {
+          console.log("当前Memos版本为22-");
+        } else if (data.memos && !data.memos[0].attachments) {
           memos.version = "22+";
           memos.data = data.memos;
+          console.log("当前Memos版本为22+");
+        } else if (data.memos && data.memos[0].attachments) {
+          memos.version = "25+";
+          memos.data = data.memos;
+          console.log("当前Memos版本为25+");
         } else {
           memos.version = "feature";
           console.log("当前Memos版本过高，请到Stellar社区反馈");
@@ -94,3 +131,4 @@ utils.jq(() => {
     };
   });
 });
+

package/source/js/services/rss.js

@@ -0,0 +1,200 @@
+utils.jq(() => {
+  $(function () {
+    const els = document.getElementsByClassName('ds-rss');
+
+    for (let i = 0; i < els.length; i++) {
+      const el = els[i];
+      const api = el.dataset.api;
+      if (!api) continue;
+
+      utils.request(el, api, async resp => {
+        const text = await resp.text();
+
+        const head = text.slice(0, 1024).trim();
+        const content_type = el.getAttribute('content_type') || 'content';
+        const show_title = el.getAttribute('show_title') !== 'false';
+        const show_content = el.getAttribute('show_content') !== 'false';
+        const limit = parseInt(el.getAttribute('limit')) || 10;
+        // JSON Feed
+        if (head.startsWith('{') && head.includes('jsonfeed.org/version')) {
+          handleJsonFeed(el, JSON.parse(text), content_type, show_title, show_content, limit);
+          return;
+        }
+
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(text, 'text/xml');
+
+        if (doc.querySelector('parsererror')) {
+          console.error('Failed to parse feed XML.');
+          return;
+        }
+        // Atom Feed
+        if (doc.documentElement.nodeName === 'feed' &&
+            doc.documentElement.namespaceURI === 'http://www.w3.org/2005/Atom') {
+          handleAtom(el, doc, content_type, show_title, show_content, limit);
+          return;
+        }
+        // RSS 2.0 Feed
+        if (doc.documentElement.nodeName === 'rss') {
+          handleRSS2(el, doc, content_type, show_title, show_content, limit);
+          return;
+        }
+        // RSS 1.0 Feed
+        if (doc.documentElement.nodeName === 'rdf:RDF') {
+          handleRSS1(el, doc, content_type, show_title, show_content, limit);
+          return;
+        }
+      });
+    }
+  });
+});
+
+
+function handleAtom(el, doc, content_type, show_title, show_content, limit) {
+  const entries = doc.querySelectorAll('entry');
+  const feedAuthorName = doc.querySelector('feed > author > name')?.textContent || '匿名';
+
+  const limitedEntries = Array.from(entries).slice(0, limit);
+  
+  const htmlBuffer = limitedEntries.map((item, i) => {
+    const title = item.querySelector('title')?.textContent || '无题';
+    const link = item.querySelector('link')?.getAttribute('href') || '#';
+    const published = item.querySelector('published, updated')?.textContent;
+    const content = item.querySelector('content')?.textContent || '';
+    const summary = item.querySelector('summary')?.textContent || '';
+    const authorName = item.querySelector('author > name')?.textContent || feedAuthorName;
+
+    let cell = `<div class="timenode" index="${i}">`;
+    cell += `<div class="header">`;
+    cell += `<span class="user-info"><strong>${authorName}</strong></span>`;
+    
+    if (published) {
+      const date = new Date(published);
+      cell += `<span>${date.toLocaleString()}</span>`;
+    }
+    cell += `</div>`;
+
+    cell += `<div class="body">`;
+    if (show_title) {
+      const titleAttr = show_content ? '' : ' style="border-bottom:none;"' ;
+      const linkAttr = show_content ? '' : ' style="padding-bottom:0"' ;
+      cell += `<p class="title"${titleAttr}><a href="${link}"${linkAttr} target="_blank" rel="external nofollow noopener noreferrer">${title}</a></p>`;
+    }
+    if (show_content){
+      cell += `<div class="content">${content_type === 'summary' ? summary : content}</div>`;
+    }
+    cell += `</div></div>`;
+    
+    return cell;
+  }).join('');
+
+  $(el).append(htmlBuffer);
+}
+
+function handleRSS2(el, doc, content_type, show_title, show_content, limit) {
+  const items = Array.from(doc.querySelectorAll('item')).slice(0, limit);
+  const feedAuthorName = doc.querySelector('channel > managingEditor, channel > webMaster, channel > title')?.textContent || '匿名';
+
+  const htmlBuffer = items.map((item, i) => {
+    const title = item.querySelector('title')?.textContent || '无题';
+    const link = item.querySelector('link')?.textContent || '#';
+    const pubDate = item.querySelector('pubDate')?.textContent;
+    const content = item.getElementsByTagName('content:encoded')[0]?.textContent || '';
+    const description = item.getElementsByTagName('description')[0]?.textContent || '';
+    const authorName = item.querySelector('author, creator')?.textContent || feedAuthorName;
+
+    let cell = `<div class="timenode" index="${i}">`;
+    cell += `<div class="header">`;
+    cell += `<span class="user-info"><strong>${authorName}</strong></span>`;
+    if (pubDate) {
+      const date = new Date(pubDate);
+      cell += `<span>${isNaN(date) ? pubDate : date.toLocaleString()}</span>`;
+    }
+    cell += `</div>`;
+    cell += `<div class="body">`;
+    if (show_title) {
+      const titleAttr = show_content ? '' : ' style="border-bottom:none;"' ;
+      const linkAttr = show_content ? '' : ' style="padding-bottom:0"' ;
+      cell += `<p class="title"${titleAttr}><a href="${link}"${linkAttr} target="_blank" rel="external nofollow noopener noreferrer">${title}</a></p>`;
+    }
+    if (show_content){
+      cell += `<div class="content">${content_type === 'summary' ? description : content}</div>`;
+    }
+    cell += `</div></div>`;
+    return cell;
+  }).join('');
+
+  $(el).append(htmlBuffer);
+}
+function handleRSS1(el, doc, content_type, show_title, show_content, limit) {
+  const items = Array.from(doc.querySelectorAll('item')).slice(0, limit);
+  const feedTitle = doc.querySelector('channel > title')?.textContent || '匿名';
+
+  const htmlBuffer = items.map((item, i) => {
+    const title = item.querySelector('title')?.textContent || '无题';
+    const link = item.querySelector('link')?.textContent || '#';
+    const pubDate = (item.querySelector('pubDate') || item.getElementsByTagName('dc:date')[0])?.textContent;
+    const content = item.getElementsByTagName('content:encoded')[0]?.textContent || '';
+    const description = (item.querySelector('description') || item.querySelector('summary'))?.textContent || '';
+    const authorName = (item.querySelector('author') || item.getElementsByTagName('dc:creator')[0])?.textContent || feedTitle;
+
+    let cell = `<div class="timenode" index="${i}">`;
+    cell += `<div class="header">`;
+    cell += `<span class="user-info"><strong>${authorName}</strong></span>`;
+    if (pubDate) {
+      const date = new Date(pubDate);
+      cell += `<span>${isNaN(date) ? pubDate : date.toLocaleString()}</span>`;
+    }
+    cell += `</div>`;
+    cell += `<div class="body">`;
+    if (show_title) {
+      const titleAttr = show_content ? '' : ' style="border-bottom:none;"' ;
+      const linkAttr = show_content ? '' : ' style="padding-bottom:0"' ;
+      cell += `<p class="title"${titleAttr}><a href="${link}"${linkAttr} target="_blank" rel="external nofollow noopener noreferrer">${title}</a></p>`;
+    }
+    if (show_content){
+      cell += `<div class="content">${content_type === 'summary' ? description : content}</div>`;
+    }
+    cell += `</div></div>`;
+    return cell;
+  }).join('');
+
+  $(el).append(htmlBuffer);
+}
+function handleJsonFeed(el, data, content_type, show_title, show_content, limit) {
+  const items = (data.items || []).slice(0, limit);
+  const feedAuthorName = data.authors?.[0]?.name || data.title || '匿名';
+
+  const htmlBuffer = items.map((item, i) => {
+    const id = item.id || i;
+    const title = item.title || '无题';
+    const link = item.url || '#';
+    const pubDate = item.date_published;
+    const content = item.content_html || '';
+    const summary = item.summary || '';
+    
+    let authorName = (item.authors || []).map(a => a.name).filter(Boolean).join(' ') || feedAuthorName;
+
+    let cell = `<div class="timenode" index="${id}">`;
+    cell += `<div class="header">`;
+    cell += `<span class="user-info"><strong>${authorName}</strong></span>`;
+    if (pubDate) {
+      const date = new Date(pubDate);
+      cell += `<span>${isNaN(date.getTime()) ? pubDate : date.toLocaleString()}</span>`;
+    }
+    cell += `</div>`;
+    cell += `<div class="body">`;
+    if (show_title) {
+      const titleAttr = show_content ? '' : ' style="border-bottom:none;"' ;
+      const linkAttr = show_content ? '' : ' style="padding-bottom:0"' ;
+      cell += `<p class="title"${titleAttr}><a href="${link}"${linkAttr} target="_blank" rel="external nofollow noopener noreferrer">${title}</a></p>`;
+    }
+    if (show_content){
+      cell += `<div class="content">${content_type === 'summary' ? summary : content}</div>`;
+    }
+    cell += `</div></div>`;
+    return cell;
+  }).join('');
+
+  $(el).append(htmlBuffer);
+}