hexo-theme-stellar 1.11.0 → 1.13.0

package/source/css/_layout/tag-plugins/timeline.styl

@@ -20,13 +20,15 @@
     &:before
       display: none
 
-.tag-plugin.timeline .timenode
+.md .tag-plugin.timeline .timenode
   position: relative
   display: flex
   flex-direction: column
   align-items: flex-start
-  max-width: 'calc(100% - %s)' % 1rem
+  box-sizing: border-box
+  max-width: 100%
   >.header, >.body
+    box-sizing: border-box
     max-width: @max-width
   &[highlight] .header:before
     background: $color-theme
@@ -50,6 +52,7 @@
   align-items: center
   position: relative
   margin: 0.25rem 0
+  font-size: $fs-12
   .user-info 
     display: flex
     align-items: center
@@ -70,13 +73,14 @@
       object-fit: contain
     &:hover
       background: $color-hover
-  p
-    margin: 0
-    font-size: $fs-12
+  &,p  
     font-weight: 500
     color: var(--text-p3)
     trans1 color
     line-height: 1
+  p
+    margin: 0 !important
+    font-size: $fs-12 !important
     a
       color: inherit
       font-weight: inherit
@@ -109,27 +113,49 @@
   .tag-plugin.copy
     width: 240px
 
+.tag-plugin.timeline[api]
+  &.stellar-fcircle-api .timenode:hover .header
+    .user-info
+      background: inherit
+      span
+        color: inherit
+  a.body
+    color: var(--text-p1)
+    trans2: transform box-shadow
+    line-height: 1.25
+    padding: 0.75rem 1rem
+    &:hover
+      transform: translateY(-1px)
+      box-shadow: $boxshadow-card-float
+
 
-.tag-plugin.timeline.stellar-timeline-api .body
-  max-height: convert(hexo-config('tag_plugins.timeline.max-height'))
+.tag-plugin.timeline[api] .body
   overflow: scroll
-  p.title 
+  p.title
     font-size: 1rem
     font-weight: 700
-    margin: 0
-    padding: 0.5rem 0 0.75rem
+    margin: 0.5rem 0 0.75rem
     line-height: 1.25
-    border-bottom: 1px dashed var(--block-border)
+    &:only-child 
+      margin-bottom: 0.5rem
+      font-weight: 500
     a 
       color: inherit
       &:hover
         color: $color-hover
+  a
+    &:has(img):after
+      display: none
+    img  
+      margin: 0 auto
+  img
+    margin: 0.5rem auto
   pre code 
     font-size: $fs-12
 
-.tag-plugin.timeline.stellar-timeline-api .body .footer
+.tag-plugin.timeline[api] .body .footer
+  margin: 0 0 -0.5rem
   padding: 0.5rem 0 1rem
-  margin-bottom: -0.5rem
   user-select: none
   font-weight: 500
   display: flex
@@ -150,7 +176,7 @@
     font-size: $fs-12
     align-items: stretch
 
-.tag-plugin.timeline.stellar-timeline-api .body .footer
+.tag-plugin.timeline[api] .body .footer
   .item
     border-width: 1px
     border-style: solid

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

@@ -106,10 +106,16 @@
   .tk-comments-no
     color: var(--text-p1);
 
+set_darkmode_comments()
+  .cmt-body.twikoo
+    --twikoo-lighttext: #f2b94b;
+    --twikoo-secondtext: #a1a2b8;
+    --twikoo-emoji-background: darken($dark-block, 1);
+    --twikoo-theme: #409eff;
+
 if hexo-config('style.darkmode') == 'auto'
   @media (prefers-color-scheme: dark)
-    .cmt-body.twikoo
-      --twikoo-lighttext: #f2b94b;
-      --twikoo-secondtext: #a1a2b8;
-      --twikoo-emoji-background: darken($dark-block, 1);
-      --twikoo-theme: #409eff;
+    set_darkmode_comments()
+
+if hexo-config('style.darkmode') == 'always'
+  set_darkmode_comments()

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

@@ -1,4 +1,8 @@
 .cmt-body.waline
+  .wl-panel
+    margin: 0.5em 0 !important
+  .wl-meta-head
+    padding: 0 !important
   --waline-font-size: 0.9375rem;
   /* 常规颜色 */
   --waline-white: #fff;
@@ -6,7 +10,7 @@
   --waline-dark-grey: #666;
   /* 主题色 */
   --waline-theme-color: $color-theme;
-  --waline-active-color: #2ecc71;
+  --waline-active-color: $color-hover;
   /* 布局颜色 */
   --waline-color: #444;
   --waline-bgcolor: #fff;

package/source/css/_plugins/index.styl

@@ -15,7 +15,5 @@ if hexo-config('comments.service') == 'twikoo'
   @import 'comments/twikoo'
 if hexo-config('comments.service') == 'utterances'
   @import 'comments/utterances'
-if hexo-config('comments.service') == 'valine'
-  @import 'comments/valine'
 if hexo-config('comments.service') == 'waline'
   @import 'comments/waline'

package/source/js/main.js

@@ -1,4 +1,4 @@
-console.log('hexo-theme-stellar:\n' + stellar.github);
+console.log('\n' + '%c Stellar v' + stellar.version + ' %c\n' + stellar.github + '\n', 'color:#e8fafe;background:#03c7fa;padding:8px;border-radius:4px', 'margin-top:8px');
 // utils
 const util = {
 
@@ -217,14 +217,20 @@ if (stellar.plugins.lazyload) {
 if (stellar.plugins.stellar) {
   for (let key of Object.keys(stellar.plugins.stellar)) {
     let js = stellar.plugins.stellar[key];
-    const els = document.getElementsByClassName('stellar-' + key + '-api');
-    if (els != undefined && els.length > 0) {
-      stellar.jQuery(() => {
-        stellar.loadScript(js, { defer: true });
-        if (key == 'timeline') {
-          stellar.loadScript(stellar.plugins.marked);
-        }
-      })
+    if (key == 'linkcard') {
+      stellar.loadScript(js, { defer: true }).then(function () {
+        setCardLink(document.querySelectorAll('a.link-card'));
+      });
+    } else {
+      const els = document.getElementsByClassName('stellar-' + key + '-api');
+      if (els != undefined && els.length > 0) {
+        stellar.jQuery(() => {
+          stellar.loadScript(js, { defer: true });
+          if (key == 'timeline') {
+            stellar.loadScript(stellar.plugins.marked);
+          }
+        })
+      }
     }
   }
 }

package/source/js/plugins/fcircle.js

@@ -0,0 +1,92 @@
+const FCircle = {
+  requestAPI: (url, callback, timeout) => {
+    let retryTimes = 5;
+    function request() {
+      return new Promise((resolve, reject) => {
+        let status = 0; // 0 等待 1 完成 2 超时
+        let timer = setTimeout(() => {
+          if (status === 0) {
+            status = 2;
+            timer = null;
+            reject('请求超时');
+            if (retryTimes == 0) {
+              timeout();
+            }
+          }
+        }, 5000);
+        fetch(url).then(function(response) {
+          if (status !== 2) {
+            clearTimeout(timer);
+            resolve(response);
+            timer = null;
+            status = 1;
+          }
+          if (response.ok) {
+            return response.json();
+          }
+          throw new Error('Network response was not ok.');
+        }).then(function(data) {
+          retryTimes = 0;
+          callback(data);
+        }).catch(function(error) {
+          if (retryTimes > 0) {
+            retryTimes -= 1;
+            setTimeout(() => {
+              request();
+            }, 5000);
+          } else {
+            timeout();
+          }
+        });
+      });
+    }
+    request();
+  },
+  layoutDiv: (cfg) => {
+    const el = $(cfg.el)[0];
+    $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg></div>');
+    FCircle.requestAPI(cfg.api, function(data) {
+      $(el).find('.loading-wrap').remove();
+      const arr = data.article_data || [];
+      const limit = el.getAttribute('limit');
+      arr.forEach((item, i) => {
+        if (limit && i >= limit) {
+          return;
+        }
+        var cell = '<div class="timenode" index="' + i + '">';
+        cell += '<div class="header">';
+        cell += '<div class="user-info">';
+        cell += '<img src="' + (item.avatar || cfg.avatar) + '" onerror="javascript:this.src=\'' + cfg.avatar + '\';">';
+        cell += '<span>' + item.author + '</span>';
+        cell += '</div>';
+        cell += '<p>' + item.updated + '</p>';
+        cell += '</div>';
+        cell += '<a class="body" href="' + item.link + '" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += item.title;
+        cell += '</a>';
+        cell += '</div>';
+        $(el).append(cell);
+      });
+    }, function() {
+      $(el).find('.loading-wrap svg').remove();
+      $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3L21 20H3L12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10V14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/></circle></svg>');
+      $(el).find('.loading-wrap').addClass('error');
+    });
+  },
+}
+
+$(function () {
+  const els = document.getElementsByClassName('stellar-fcircle-api');
+  for (var i = 0; i < els.length; i++) {
+    const el = els[i];
+    const api = el.getAttribute('api');
+    if (api == null) {
+      continue;
+    }
+    var cfg = new Object();
+    cfg.el = el;
+    cfg.api = api;
+    cfg.avatar = 'https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/avatar/round/3442075.svg';
+    FCircle.layoutDiv(cfg);
+  }
+});

package/source/js/plugins/friends.js

@@ -44,7 +44,7 @@ const friendsjs = {
   },
   layout: (cfg) => {
     const el = $(cfg.el)[0];
-    $(el).append('<div class="loading-wrap"><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg><p></p></div>');
+    $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg></div>');
     friendsjs.requestAPI(cfg.api, function(data) {
       $(el).find('.loading-wrap').remove();
       const arr = data.content || data;
@@ -60,7 +60,8 @@ const friendsjs = {
       });
     }, function() {
       $(el).find('.loading-wrap svg').remove();
-      $(el).find('.loading-wrap p').text('加载失败，请稍后重试。');
+      $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3L21 20H3L12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10V14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/></circle></svg>');
+      $(el).find('.loading-wrap').addClass('error');
     });
   },
 }

package/source/js/plugins/ghinfo.js

@@ -44,13 +44,25 @@ const GitHubInfo = {
   },
   layout: (cfg) => {
     const el = $(cfg.el)[0];
-    GitHubInfo.requestAPI(cfg.api, function(data) {
-      const arr = data.content || data;
+    function fill(data) {
       for (let key of Object.keys(data)) {
         $(el).find("[type=text]#" + key).text(data[key]);
         $(el).find("[type=link]#" + key).attr("href", data[key]);
         $(el).find("[type=img]#" + key).attr("src", data[key]);
       }
+    }
+    GitHubInfo.requestAPI(cfg.api, function(data) {
+      const idx = el.getAttribute('index');
+      if (idx != undefined) {
+        const arr = data.content || data;
+        if (arr && arr.length > idx) {
+          let obj = arr[idx];
+          obj['latest-tag-name'] = obj['name'];
+          fill(arr[idx]);
+        }
+      } else {
+        fill(data);
+      }
     }, function() {
     });
   },

package/source/js/plugins/linkcard.js

@@ -0,0 +1,124 @@
+// 本插件由CardLink定制而成，原项目源码: https://github.com/Lete114/CardLink
+
+var cardLink = {};
+cardLink.caches = {};
+cardLink.server = 'https://api.allorigins.win/raw?url=';
+
+/**
+ * Remove '/' and '/index.html'
+ * @param {String} params
+ * @returns { String }
+ */
+function indexHandler(params) {
+  let path = params.replace(/(\/index\.html|\/)*$/gi, '')
+  if (path.length === 0) path += '/'
+  return path
+}
+
+/**
+ * Determine if it is a ['https://', 'http://', '//'] protocol
+ * @param {String} url Website url
+ * @returns {Boolean}
+ */
+function isHttp(url) {
+  return /^(https?:)?\/\//g.test(url)
+}
+
+function renderer(el, obj) {
+  if (obj.title && obj.title.length > 0) {
+    el.querySelector('.title').innerHTML = obj.title;
+  }
+  if (obj.icon && obj.icon.length > 0) {
+    el.querySelector('.img').style = 'background-image: url("' + obj.icon + '");';
+  }
+  let desc = el.querySelector('.desc');
+  if (desc && obj.desc && obj.desc.length > 0) {
+    desc.innerHTML = obj.desc;
+  }
+}
+
+/**
+ * Get info
+ * @param {Element} el Element
+ * @param {String} html String type html
+ * @param {String} link Website address
+ */
+// eslint-disable-next-line max-statements
+function getInfo(el, html, link) {
+  try {
+    let title, icon, desc
+    const doc = new DOMParser().parseFromString(html, 'text/html')
+    // If there is no title, no card link is generated
+    title = doc.querySelector('title')
+    if (title) {
+      title = title.textContent
+
+      // Get the src of the first img tag in the body tag
+      let tmp = doc.querySelector('head link[rel="apple-touch-icon"]')
+      if (!tmp) {
+        tmp = doc.querySelector('head link[rel="icon"]')
+      }
+      icon = tmp && tmp.getAttribute('href')
+
+      if (/^data:image/.test(icon)) icon = ''
+
+      // If there is no src then get the site icon
+      if (!icon) {
+        const links = [].slice.call(doc.querySelectorAll('link[rel][href]'))
+        icon = links.find((_el) => _el.rel.includes('icon'))
+        icon = icon && icon.getAttribute('href')
+      }
+      
+      desc = doc.querySelector('head meta[name="description"]')
+
+      if (desc) {
+        desc = desc.content;
+      }
+      // If `icon` is not the ['https://', 'http://', '//'] protocol, splice on the `origin` of the a tag
+      if (icon && !isHttp(icon)) icon = new URL(link).origin + icon
+      cardLink.caches[link] = { title, link, icon, desc }
+      
+      renderer(el, cardLink.caches[link])
+    }
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn('CardLink Error: Failed to parse', error)
+  }
+}
+
+function fetchPage(link, callback) {
+  fetch(link)
+    .then((result) => result.text())
+    .then(callback)
+    .catch((error) => {
+      const server = cardLink.server
+      // eslint-disable-next-line no-console
+      if (link.includes(server) || !server) return console.error('CardLink Error:', error)
+      fetchPage(server + link, callback)
+    })
+}
+
+/**
+ * Create card links
+ * @param {NodeList} nodes A collection of nodes or a collection of arrays,
+ * if it is an array then the array must always contain node element
+ */
+function setCardLink(nodes) {
+  // If the `nodes` do not contain a `forEach` method, then the default `a[cardlink]` is used
+  nodes = 'forEach' in (nodes || {}) ? nodes : document.querySelectorAll('a[cardlink]')
+  nodes.forEach((el) => {
+    // If it is not a tag element then it is not processed
+    if (el.nodeType !== 1) return
+    el.removeAttribute('cardlink')
+    const link = el.href
+
+    const cache = cardLink.caches[link]
+    if (cache) return renderer(el, cache)
+
+    if (isHttp(link)) {
+      fetchPage(link, (html) => {
+        getInfo(el, html, link)
+      })
+    }
+  })
+}

package/source/js/plugins/sites.js

@@ -44,14 +44,14 @@ const sitesjs = {
   },
   layout: (cfg) => {
     const el = $(cfg.el)[0];
-    $(el).append('<div class="loading-wrap"><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg><p></p></div>');
+    $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg></div>');
     sitesjs.requestAPI(cfg.api, function(data) {
       $(el).find('.loading-wrap').remove();
       const arr = data.content;
       arr.forEach((item, i) => {
         var cell = '<div class="site-card">';
         cell += '<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="' + item.url + '">';
-        cell += '<img src="' + (item.screenshot || ('https://image.thum.io/get/width/1024/crop/768/' + item.url)) + '" onerror="javascript:this.src=\'' + cfg.screenshot + '\';"/>';
+        cell += '<img src="' + (item.screenshot || ('https://screenshot-api.xaoxuu.com/api?url=' + item.url + '&width=1280&height=720')) + '" onerror="javascript:this.src=\'' + cfg.screenshot + '\';"/>';
         cell += '<div class="info">';
         cell += '<img src="' + (item.avatar || cfg.avatar) + '" onerror="javascript:this.src=\'' + cfg.avatar + '\';"/>';
         cell += '<span class="title">' + item.title + '</span>';
@@ -63,7 +63,8 @@ const sitesjs = {
       });
     }, function() {
       $(el).find('.loading-wrap svg').remove();
-      $(el).find('.loading-wrap p').text('加载失败，请稍后重试。');
+      $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3L21 20H3L12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10V14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/></circle></svg>');
+      $(el).find('.loading-wrap').addClass('error');
     });
   },
 }

package/source/js/plugins/timeline.js

@@ -54,20 +54,30 @@ const StellarTimeline = {
   },
   layoutDiv: (cfg) => {
     const el = $(cfg.el)[0];
-    $(el).append('<div class="loading-wrap"><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg><p></p></div>');
+    $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg></div>');
     StellarTimeline.requestAPI(cfg.api, function(data) {
       $(el).find('.loading-wrap').remove();
-      const user = el.getAttribute('user');
+      const query = new URL(cfg.api).search;
       const arr = data.content || data;
+      var users = [];
+      const filter = el.getAttribute('user');
+      if (filter && filter.length > 0) {
+        users = filter.split(",");
+      }
+      var hide = [];
+      const hideStr = el.getAttribute('hide');
+      if (hideStr && hideStr.length > 0) {
+        hide = hideStr.split(",");
+      }
       arr.forEach((item, i) => {
-        if (item.user && item.user.login && user && user.length > 0) {
-          if (!user.includes(item.user.login)) {
+        if (item.user && item.user.login && users.length > 0) {
+          if (!users.includes(item.user.login)) {
             return;
           }
         }
         var cell = '<div class="timenode" index="' + i + '">';
         cell += '<div class="header">';
-        if (!user && item.user) {
+        if (!users.length && item.user) {
           cell += '<a class="user-info" href="' + item.user.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
           cell += '<img src="' + item.user.avatar_url + '">';
           cell += '<span>' + item.user.login + '</span>';
@@ -77,53 +87,61 @@ const StellarTimeline = {
         cell += '<p>' + date.toString().replace(/\sGMT([^.]*)/i, "") + '</p>';
         cell += '</div>';
         cell += '<div class="body">';
-        cell += '<p class="title">';
-        cell += '<a href="' + item.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
-        cell += item.title || item.name || item.tag_name;
-        cell += '</a>';
-        cell += '</p>';
-        
-        cell += marked.parse(item.body);
-        cell += '<div class="footer">';
-        cell += '<div class="flex left">';
-        if (item.labels) {
-          item.labels.forEach((label, i) => {
-            cell += '<div class="item label ' + label.name + '" style="background:#' + label.color + '18;border-color:#' + label.color + '36">';
-            cell += '<span>' + label.name + '</span>';
-            cell += '</div>';
-          });
-        } else if (item.zipball_url) {
-          cell += '<a class="item download" href="' + item.zipball_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
-          cell += '<span>📦 ' + item.tag_name + '.zip</span>';
+        if (!hide.includes('title')) {
+          cell += '<p class="title">';
+          cell += '<a href="' + item.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += item.title || item.name || item.tag_name;
           cell += '</a>';
+          cell += '</p>';
         }
-        cell += '</div>';
-        cell += '<div class="flex right">';
-        if (item.reactions && item.reactions.total_count > 0) {
-          for (let key of Object.keys(StellarTimeline.reactions)) {
-            let num = item.reactions[key];
-            if (num > 0) {
-              cell += '<div class="item reaction ' + key + '">';
-              cell += '<span>' + StellarTimeline.reactions[key] + ' ' + item.reactions[key] + '</span>';
-              cell += '</div>';
+        
+        cell += marked.parse(item.body);
+        if (!hide.includes('footer')) {
+          cell += '<div class="footer">';
+          cell += '<div class="flex left">';
+          if (item.labels) {
+            item.labels.forEach((label, i) => {
+              if (!query || !query.includes(encodeURI(label.name))) {
+                cell += '<div class="item label ' + label.name + '" style="background:#' + label.color + '18;border-color:#' + label.color + '36">';
+                cell += '<span>' + label.name + '</span>';
+                cell += '</div>';
+              }
+            });
+          } else if (item.zipball_url) {
+            cell += '<a class="item download" href="' + item.zipball_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+            cell += '<span>📦 ' + item.tag_name + '.zip</span>';
+            cell += '</a>';
+          }
+          cell += '</div>';
+          cell += '<div class="flex right">';
+          if (item.reactions && item.reactions.total_count > 0) {
+            for (let key of Object.keys(StellarTimeline.reactions)) {
+              let num = item.reactions[key];
+              if (num > 0) {
+                cell += '<div class="item reaction ' + key + '">';
+                cell += '<span>' + StellarTimeline.reactions[key] + ' ' + item.reactions[key] + '</span>';
+                cell += '</div>';
+              }
             }
           }
-        }
-        if (item.comments != null) {
-          cell += '<a class="item comments last" href="' + item.html_url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
-          cell += '<span><svg t="1666270368054" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2528" width="200" height="200"><path d="M952 64H72C32.3 64 0 96.3 0 136v508c0 39.7 32.3 72 72 72h261l128 128c14 14 32.5 21.1 50.9 21.1s36.9-7 50.9-21.1l128-128h261c39.7 0 72-32.3 72-72V136c0.2-39.7-32.1-72-71.8-72zM222 462c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z m290-7.7c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z m290 8c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z" p-id="2529"></path></svg> ' + (item.comments || 0) + '</span>';
-          cell += '</a>';
+          if (item.comments != null) {
+            cell += '<a class="item comments last" href="' + item.html_url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+            cell += '<span><svg t="1666270368054" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2528" width="200" height="200"><path d="M952 64H72C32.3 64 0 96.3 0 136v508c0 39.7 32.3 72 72 72h261l128 128c14 14 32.5 21.1 50.9 21.1s36.9-7 50.9-21.1l128-128h261c39.7 0 72-32.3 72-72V136c0.2-39.7-32.1-72-71.8-72zM222 462c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z m290-7.7c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z m290 8c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z" p-id="2529"></path></svg> ' + (item.comments || 0) + '</span>';
+            cell += '</a>';
+          }
+          
+          cell += '</div>';
+          cell += '</div>';
         }
         
-        cell += '</div>';
-        cell += '</div>';
         cell += '</div>';
         cell += '</div>';
         $(el).append(cell);
       });
     }, function() {
       $(el).find('.loading-wrap svg').remove();
-      $(el).find('.loading-wrap p').text('加载失败，请稍后重试。');
+      $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3L21 20H3L12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10V14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/></circle></svg>');
+      $(el).find('.loading-wrap').addClass('error');
     });
   },
 }