hexo-theme-stellar 1.26.7 → 1.27.0

package/source/css/_layout/widgets/toc_common.styl

@@ -1,92 +0,0 @@
-
-.toc-item
-  margin-top: 2px
-.toc-child
-  margin-top: 2px
-.widget-wrapper.toc .widget-body
-  margin-top: 0
-  ul ul, ul ol
-    padding-left: 0
-  ol ul, ol ol
-    padding-left: 0
-
-  .toc
-    padding: 0
-    margin: 0
-    padding-left: 0.25rem
-    .toc-item .toc-link
-      padding: 0.5rem
-      font-weight: 500
-      font-size: $fs-13
-      color: var(--text-p1)
-    .toc-child .toc-item .toc-link
-      padding: 0.25rem 0.5rem 0.25rem 1.3rem
-      font-weight: 400
-      color: var(--text-p2)
-    .toc-child .toc-child .toc-item .toc-link
-      padding-left: 2.1rem
-      font-size: $fs-12
-      color: var(--text-p3)
-    .toc-child .toc-child .toc-child .toc-item .toc-link
-      padding-left: 2.9rem
-
-
-.widget-wrapper.toc .toc-item
-  color: var(--text-p2)
-  font-size: $fs-12
-  padding: 0
-  list-style: none
-  &.active
-    background: var(--alpha50)
-    border-left-color: @color
-  .toc-child .toc-item
-    padding: 0
-.widget-wrapper.toc a.toc-link
-  color: inherit
-  display: block
-  line-height: 1.2
-  border-radius: $border-bar
-  position: relative
-  trans1 background
-  &:before
-    content: ''
-    position: absolute
-    left: -6px
-    top: 'calc(50% - %s)' % 6px
-    bottom: 'calc(50% - %s)' % 6px
-    width: 2px
-    border-radius: 2px
-    background: var(--text)
-    visibility: hidden
-  &.active
-    background: var(--alpha50)
-    &:before
-      visibility: visible
-  &:hover
-    background: var(--alpha100)
-  
-  
-// 始终折叠
-.widget-wrapper.toc[collapse='true']
-  .toc-item a.toc-link+ol
-    display: none
-  // 激活上级目录时显示子目录
-  .toc a.toc-link.active+ol
-    display: block
-
-// 自动折叠
-.widget-wrapper.toc[collapse='auto']
-  .toc-item a.toc-link+ol
-    display: none
-  // 激活上级目录时显示子目录
-  .toc a.toc-link.active+ol
-    display: block
-  // 鼠标放上去时显示子目录
-  &:hover a.toc-link+ol
-    display: block
-
-// 子目录激活时显示
-.widget-wrapper.toc[collapse='true'] ol:has(> .toc-item a.active)
-  display: block
-.widget-wrapper.toc[collapse='auto'] ol:has(> .toc-item a.active)
-  display: block

package/source/css/_layout/widgets/toc_wiki.styl

@@ -1,62 +0,0 @@
-.doc-tree+.doc-tree
-  margin-top: 2px
-
-.widget-wrapper.toc.multi
-  // .widget-header
-  //   color: $color-theme
-  //   filter: brightness(75%)
-  .widget-body+.widget-header
-    margin-top: 28px
-
-// 其它分页链接
-.widget-wrapper.toc.multi .doc-tree
-  border-radius: $border-bar
-  overflow: hidden
-  a.doc-tree-link
-    color: var(--text-p1)
-    padding: 0 16px
-    display: flex
-    min-height: 32px
-    justify-content: space-between
-    align-items: center
-    font-size: $fs-14
-    position: relative
-    trans1 background
-    .toc-text
-      txt-ellipsis()
-    svg,img
-      flex-shrink: 0
-      width: 1em
-      height: 1em
-      transform: scale(1.2)
-    &:after
-      position: absolute
-      right: .5rem
-    &:only-child
-      &.active
-        background: var(--alpha50)
-      &:hover
-        background: var(--alpha100)
-    &:hover
-      background: var(--alpha100)
-
-
-// 当前分页链接
-.widget-wrapper.toc.multi .doc-tree.active
-  a.doc-tree-link
-    background: var(--alpha100)
-    font-weight: 500
-    &:hover:after
-      content: none
-  >.toc
-    padding: 4px 10px
-    border: 1px solid var(--alpha50)
-    background: var(--alpha20)
-    border-bottom-left-radius: $border-bar
-    border-bottom-right-radius: $border-bar
-    a.toc-link:before
-      left: -7px
-      width: 4px
-      background: var(--text-p2)
-    a.toc-link:hover
-      background: var(--alpha100)

package/source/js/plugins/fcircle.js

@@ -1,92 +0,0 @@
-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="2em" height="2em" 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.created + '</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="2em" height="2em" 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://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
-    FCircle.layoutDiv(cfg);
-  }
-});

package/source/js/plugins/friends.js

@@ -1,84 +0,0 @@
-const friendsjs = {
-  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();
-  },
-  layout: (cfg) => {
-    const el = $(cfg.el)[0];
-    $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" 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();
-      for (let item of (data.content || data)) {
-        var cell = `<div class="grid-cell user-card">`;
-        cell += `<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="${item.html_url || item.url}">`;;
-        cell += `<img src="${item.avatar_url || item.avatar || item.icon || cfg.avatar}" onerror="javascript:this.removeAttribute(\'data-src\');this.src=\'${cfg.avatar}\';"/>`;
-        cell += `<div class="name image-meta">`;
-        cell += `<span class="image-caption">${item.title || item.login}</span>`;
-        cell += `</div>`;
-        cell += `</a>`;
-        cell += `</div>`;
-        $(el).find('.grid-box').append(cell);
-      }
-    }, function() {
-      $(el).find('.loading-wrap svg').remove();
-      $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" 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-friends-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.class = el.getAttribute('class');
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
-    friendsjs.layout(cfg);
-  }
-});

package/source/js/plugins/ghinfo.js

@@ -1,85 +0,0 @@
-const GitHubInfo = {
-  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();
-  },
-  layout: (cfg) => {
-    const el = $(cfg.el)[0];
-    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() {
-    });
-  },
-}
-
-$(function () {
-  const els = document.getElementsByClassName('stellar-ghinfo-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.class = el.getAttribute('class');
-    GitHubInfo.layout(cfg);
-  }
-});

package/source/js/plugins/linkcard.js

@@ -1,48 +0,0 @@
-// 本插件由CardLink定制而成，原项目源码: https://github.com/Lete114/CardLink
-
-function renderer(el, obj) {
-  var autofill = [];
-  const autofillStr = el.getAttribute('autofill');
-  if (autofillStr) {
-    autofill = autofillStr.split(',');
-  }
-  if (obj.title && obj.title.length > 0 && autofill.includes('title')) {
-    el.querySelector('.title').innerHTML = obj.title;
-    el.title = obj.title;
-  }
-  if (obj.icon && obj.icon.length > 0 && autofill.includes('icon')) {
-    el.querySelector('.img').style = 'background-image: url("' + obj.icon + '");';
-    el.querySelector('.img').setAttribute('data-bg', obj.icon);
-  }
-  let desc = el.querySelector('.desc');
-  if (desc && obj.desc && obj.desc.length > 0 && autofill.includes('desc')) {
-    desc.innerHTML = obj.desc;
-  }
-}
-
-/**
- * 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 api = el.getAttribute('api');
-    if (api == null) return;
-    fetch(api).then(function(response) {
-      if (response.ok) {
-        return response.json();
-      }
-      throw new Error('Network response was not ok.');
-    }).then(function(data) {
-      renderer(el, data);
-    }).catch(function(error) {
-      console.error(error);
-    });
-  })
-}

package/source/js/plugins/marked.js

@@ -1,50 +0,0 @@
-const loadMarkdown = (cfg) => {
-  if (!window.fetch) {
-    cfg.el.innerHTML =
-      '<div style="font-size: 24px"><p>Your browser outdated. Please use the latest version of Chrome or Firefox!</p><p>您的浏览器版本过低，请使用最新版的 Chrome 或 Firefox 浏览器！</p></div>';
-  } else {
-    cfg.el.innerHTML =
-      '<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" 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>';
-    fetch(cfg.src, { method: "GET" })
-      .then((resp) => {
-        return Promise.all([
-          resp.ok,
-          resp.status,
-          resp.text(),
-          resp.headers,
-        ]);
-      })
-      .then(([ok, status, data, headers]) => {
-        if (ok) {
-          return {
-            ok,
-            status,
-            data,
-            headers,
-          };
-        } else {
-          throw new Error(JSON.stringify(json.error));
-        }
-      })
-      .then((resp) => {
-        let data = marked.parse(resp.data);
-        cfg.el.innerHTML = data;
-      })
-      .catch((error) => {
-        console.error(error);
-        cfg.el.innerHTML =
-          '<div class="loading-wrap error"><svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" 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></div>';
-      });
-  };
-};
-
-$(function () {
-  const els = document.getElementsByClassName('stellar-marked-api');
-  for (var i = 0; i < els.length; i++) {
-    var cfg = new Object();
-    const el = els[i];
-    cfg.src = `${el.getAttribute('src')}?t=${new Date().getTime()}`;
-    cfg.el = el;
-    loadMarkdown(cfg);
-  }
-});

package/source/js/plugins/memos.js

@@ -1,132 +0,0 @@
-const MemosJS = {
-  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="2em" height="2em" 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>');
-    MemosJS.requestAPI(cfg.api, function(data) {
-      $(el).find('.loading-wrap').remove();
-      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(",");
-      }
-      data.forEach((item, i) => {
-        if (cfg.limit && i >= cfg.limit) {
-          return;
-        }
-        if (item.user && item.user.login && users.length > 0) {
-          if (!users.includes(item.user.login)) {
-            return;
-          }
-        }
-        let date = new Date(item.createdTs * 1000)
-        var cell = '<div class="timenode" index="' + i + '">';
-        cell += '<div class="header">';
-        if (!users.length && !hide.includes('user')) {
-          cell += '<div class="user-info">';
-          if (cfg.avatar?.length > 0) {
-            cell += `<img src="${cfg.avatar}">`;
-          }
-          cell += '<span>' + item.creatorName + '</span>';
-          cell += '</div>';
-        }
-        cell += '<p>' + date.toLocaleString() + '</p>';
-        cell += '</div>';
-        cell += '<div class="body">';
-        cell += marked.parse(item.content || '');
-        var imgs = [];
-        for (let res of item.resourceList) {
-          if (res.type?.includes('image/')) {
-            imgs.push(res);
-          }
-        }
-        if (imgs.length > 0) {
-          cell += '<div class="tag-plugin image">';
-          for (let img of imgs) {
-            if (img.externalLink?.length > 0) {
-              cell += `<div class="image-bg"><img src="${img.externalLink}" data-fancybox="memos"></div>`;
-            } else {
-              cell += `<div class="image-bg"><img src="https://${cfg.host}/o/r/${img.id}" data-fancybox="memos"></div>`;
-            }
-          }
-          cell += '</div>';
-        }
-        cell += '</div>';
-        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="2em" height="2em" 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-memos-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.limit = el.getAttribute('limit');
-    cfg.host = api.replace(/https:\/\/(.*?)\/(.*)/i, '$1');
-    cfg.avatar = el.getAttribute('avatar');
-    if (!cfg.avatar) {
-      cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
-    }
-    MemosJS.layoutDiv(cfg);
-  }
-});