hexo-theme-stellar 1.26.7 → 1.27.0

package/source/js/services/siteinfo.js

@@ -0,0 +1,38 @@
+// 本插件由CardLink定制而成，原项目源码: https://github.com/Lete114/CardLink
+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) {
+      var autofill = [];
+      const autofillStr = el.getAttribute('autofill');
+      if (autofillStr) {
+        autofill = autofillStr.split(',');
+      }
+      if (data.title && data.title.length > 0 && autofill.includes('title')) {
+        el.querySelector('.title').innerHTML = data.title;
+        el.title = data.title;
+      }
+      if (data.icon && data.icon.length > 0 && autofill.includes('icon')) {
+        el.querySelector('.img').style = 'background-image: url("' + data.icon + '");';
+        el.querySelector('.img').setAttribute('data-bg', data.icon);
+      }
+      let desc = el.querySelector('.desc');
+      if (desc && data.desc && data.desc.length > 0 && autofill.includes('desc')) {
+        desc.innerHTML = data.desc;
+      }
+    }).catch(function(error) {
+      console.error(error);
+    });
+  })
+}

package/source/js/services/sites.js

@@ -0,0 +1,30 @@
+utils.jq(() => {
+  $(function () {
+    const els = document.getElementsByClassName('ds-sites');
+    for (var i = 0; i < els.length; i++) {
+      const el = els[i];
+      const api = el.getAttribute('api');
+      if (api == null) {
+        continue;
+      }
+      const default_avatar = def.avatar;
+      const default_cover = def.cover;
+      // layout
+      utils.request(el, api, function(data) {
+        for (let item of data.content) {
+          var cell = `<div class="grid-cell site-card">`;
+          cell += `<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="${item.url}">`;
+          cell += `<img src="${item.cover || item.screenshot}" onerror="javascript:this.removeAttribute(\'data-src\');this.src=\'${default_cover}\';"/>`;
+          cell += `<div class="info">`;
+          cell += `<img src="${item.icon || item.avatar || default_avatar}" onerror="javascript:this.removeAttribute(\'data-src\');this.src=\'${default_avatar}\';"/>`;
+          cell += `<span class="title">${item.title}</span>`;
+          cell += `<span class="desc">${item.description || item.url}</span>`;
+          cell += `</div>`;
+          cell += `</a>`;
+          cell += `</div>`;
+          $(el).find('.grid-box').append(cell);
+        }
+      });
+    }
+  });
+});

package/source/js/services/timeline.js

@@ -0,0 +1,106 @@
+utils.jq(() => {
+  $(function () {
+    const reactions = {
+      '+1': '👍',
+      '-1': '👎', 
+      'laugh': '😀', 
+      'hooray': '🎉', 
+      'confused': '😕', 
+      'heart': '❤️', 
+      'rocket': '🚀', 
+      'eyes': '👀'
+    }
+    const timelines = document.getElementsByClassName('ds-timeline');
+    for (var i = 0; i < timelines.length; i++) {
+      const el = timelines[i];
+      const api = el.getAttribute('api');
+      if (api == null) {
+        continue;
+      }
+      // layout
+      utils.request(el, api, function(data) {
+        const query = new URL(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 && users.length > 0) {
+            if (!users.includes(item.user.login)) {
+              return;
+            }
+          }
+          var cell = '<div class="timenode" index="' + i + '">';
+          cell += '<div class="header">';
+          if (!users.length && item.user && !hide.includes('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>';
+            cell += '</a>';
+          }
+          let date = new Date(item.created_at);
+          cell += '<span>' + date.toLocaleString() + '</span>';
+          cell += '</div>';
+          cell += '<div class="body">';
+          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 += 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?.total_count > 0) {
+              for (let key of Object.keys(reactions)) {
+                let num = item.reactions[key];
+                if (num > 0) {
+                  cell += '<div class="item reaction ' + key + '">';
+                  cell += '<span>' + 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>';
+            }
+            
+            cell += '</div>';
+            cell += '</div>';
+          }
+          
+          cell += '</div>';
+          cell += '</div>';
+          $(el).append(cell);
+        });
+      });
+    }
+  });
+});

package/source/js/services/weibo.js

@@ -0,0 +1,60 @@
+utils.jq(() => {
+  $(function () {
+    const els = document.getElementsByClassName('ds-weibo');
+    for (var i = 0; i < els.length; i++) {
+      const el = els[i];
+      const api = el.getAttribute('api');
+      if (api == null) {
+        continue;
+      }
+      const default_avatar = el.getAttribute('avatar') || def.avatar;
+      // layout
+      utils.request(el, api, function(data) {
+        const arr = data.tweets || [];
+        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="' + (data.user.avatar_hd || default_avatar) + '" onerror="javascript:this.src=\'' + default_avatar + '\';">';
+          cell += '<span>' + data.user.nick_name + '</span>';
+          cell += '</div>';
+          cell += '<span>' + item.created_at + '</span>';
+          cell += '</div>';
+          cell += '<div class="body">';
+          cell += '<a class="body" href="' + item.url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += item.content;
+          cell += '</a>';
+          // cell += '</div>';
+          // 每条微博的右下角 转发 评论 点赞
+          cell += '<div class="footer">';
+          cell += '<div class="flex left">';
+          cell += '</div>';
+          cell += '<div class="flex right">';
+          cell += '<div class="item reaction repost">';
+          cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += '<span>' + '🔗' + ' ' + item.reposts_count + '</span>';
+          cell += '</a>';
+          cell += '</div>';
+          cell += '<a class="item comments last" href="' + item.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_count || 0) + '</span>';
+          cell += '</a>';
+          cell += '<div class="item reaction attitudes">';
+          cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += '<span>' + '👍' + ' ' + item.attitudes_count + '</span>';
+          cell += '</a>';
+          cell += '</div>';
+
+          cell += '</div>';
+          cell += '</div>';
+          // 右下角结束
+          $(el).append(cell);
+        });
+      });
+    }
+  });
+});

package/layout/_partial/main/navbar/article_top_area.ejs

@@ -1,35 +0,0 @@
-<%
-function layoutDiv() {
-  if (page.breadcrumb === false) {
-    return ''
-  }
-  var el = ''
-  // 1.main
-  el += `<div class="top bread-nav footnote">`
-  // 2.left
-  el += `<div class="left">`
-  // 3.left.top: 面包屑导航
-  el += `<div class="flex-row" id="breadcrumb">`
-    // 首页
-    el += `<a class="cap breadcrumb" href="${url_for(config.root)}">${__("btn.home")}</a>`
-    if (theme.wiki.tree[page.wiki]) {
-      el += partial('breadcrumb/wiki')
-    } else if (page.layout == 'post') {
-      el += partial('breadcrumb/blog')
-    } else {
-      el += partial('breadcrumb/page')
-    }
-  // end 3.left.top
-  el += `</div>`
-  // 3.left.bottom
-  el += partial('dateinfo')
-  // end 2.left
-  el += `</div>`
-  // 2.right
-  el += partial('ghinfo')
-  // end 1.main
-  el += `</div>`
-  return el
-}
-%>
-<%- layoutDiv() %>

package/layout/_partial/main/navbar/author_banner.ejs

@@ -1,29 +0,0 @@
-<%
-function layoutDiv() {
-  const author = page.author
-  var el = ``
-  el += `<div class="banner author top">`
-  if (author.banner) {
-    el += `<img class="bg" src="${author.banner}">`
-  }
-  el += `
-  <div class="content">
-    <div class="top">
-      <button class="back cap" onclick="window.history.back()">
-        ${icon('default:goback')}
-      </button>
-    </div>
-    <div class="bottom">
-      <img class="avatar" src="${author.avatar}">
-      <div class="text-area">
-        <p class="text title">${author.name}</p>
-        <div class="text subtitle">${author.description || ""}</div>
-      </div>
-    </div>
-  </div>
-  `
-  el += `</div>`
-  return el
-}
-%>
-<%- layoutDiv() %>

package/layout/_partial/plugins/ai/tianli_gpt.ejs

@@ -1,9 +0,0 @@
-<% if (page.layout === 'post' || (page.wiki?.length > 0)) { %>
-  <script>
-    let tianliGPT_postSelector = 'article.content';
-    let tianliGPT_key = '<%= theme.plugins.tianli_gpt.api %>';
-    let tianliGPT_typingAnimate = '<%= theme.plugins.tianli_gpt.typingAnimate %>';
-    let tianliGPT_wordLimit = <%= theme.plugins.tianli_gpt.limit %>;
-  </script>
-<script defer src="https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.15.2/tianli_gpt.min.js"></script>
-<% } %>

package/layout/_partial/plugins/comments/waline/script.ejs

@@ -1,39 +0,0 @@
-<script>
-  function load_comment(){
-    if(!document.getElementById("waline_container"))return;
-    stellar.loadCSS('<%- theme.comments.waline.css %>');
-    stellar.loadScript('<%- theme.comments.waline.js %>', {defer:true}).then(function () {
-      const el = document.getElementById("waline_container");
-      var path = el.getAttribute('comment_id');
-      if (!path) {
-        path = decodeURI(window.location.pathname);
-      }
-      Waline.init(Object.assign(<%- JSON.stringify(theme.comments.waline) %>, {
-        el: '#waline_container',
-        path: path,
-        <% if(!!theme.comments.waline.imageUploader?.api){ %>
-          imageUploader: function(file) {
-            let headers = new Headers();
-            headers.set('Accept', 'application/json');
-            <% if(!!theme.comments.waline.imageUploader?.token) { %>
-              headers.set('<%= theme.comments.waline.imageUploader?.tokenName %>', '<%= theme.comments.waline.imageUploader?.token %>')
-            <% } %>
-            let formData = new FormData();
-            formData.append('<%= theme.comments.waline.imageUploader?.fileName %>', file);
-            return fetch('<%= theme.comments.waline.imageUploader?.api %>',{
-              method: 'POST',
-              body: formData,
-              headers: headers
-              }).then((resp) => resp.json())
-                .then((resp) => resp.<%= theme.comments.waline.imageUploader?.resp %>)
-          },
-        <% } %>
-      }));
-    });
-  }
-  window.addEventListener('DOMContentLoaded', (event) => {
-    console.log('DOM fully loaded and parsed');
-    load_comment();
-  });
-
-</script>

package/layout/_partial/plugins/parser/head.ejs

@@ -1,3 +0,0 @@
-<% if (page.katex == true || theme.plugins.katex.enable == true) { %>
-  <%- partial('katex/head') %>
-<% } %>

package/layout/_partial/plugins/parser/katex/head.ejs

@@ -1,3 +0,0 @@
-<% if (theme.plugins.katex) { %>
-  <%- theme.plugins.katex.min_css %>
-<% } %>

package/layout/_partial/plugins/parser/katex/script.ejs

@@ -1,4 +0,0 @@
-<% if (theme.plugins.katex) { %>
-  <%- theme.plugins.katex.min_js %>
-  <%- theme.plugins.katex.auto_render_min_js %>
-<% } %>

package/layout/_partial/plugins/parser/mermaid/script.ejs

@@ -1,29 +0,0 @@
-<script type="text/javascript" src="<%- theme.plugins.mermaid.js %>"></script>
-<script>
-  var mermaid_config = {
-    startOnLoad: true,
-    theme:
-      "<%- theme.style.darkmode %>" == "auto" &&
-        window.matchMedia("(prefers-color-scheme: dark)").matches
-        ? "dark"
-        : "<%- theme.plugins.mermaid.theme %>",
-    logLevel: 3,
-    themeVariables: {
-      darkMode: true
-    },
-    flowchart: {
-      useMaxWidth: false,
-      htmlLabels: true,
-      curve: "linear"
-    },
-    gantt: {
-      axisFormat: "%Y/%m/%d"
-    },
-    sequence: {
-      actorMargin: 50
-    }
-  }
-  if (window.mermaid) {
-    mermaid.initialize(mermaid_config);
-  }
-</script>

package/layout/_partial/plugins/parser/script.ejs

@@ -1,9 +0,0 @@
-<% if (page.katex == true || theme.plugins.katex.enable) { %>
-  <%- partial('katex/script') %>
-<% } %>
-<% if (page.mathjax == true || theme.plugins.mathjax.enable) { %>
-  <%- partial('mathjax/script') %>
-<% } %>
-<% if (page.mermaid == true || theme.plugins.mermaid.enable) { %>
-  <%- partial('mermaid/script') %>
-<% } %>

package/layout/_partial/scripts/index.ejs

@@ -1,176 +0,0 @@
-<%
-
-function custom_inject() {
-  var el = '';
-  for (let item of (config.inject?.script || [])) {
-    el += item;
-  }
-  for (let item of (theme.inject?.script || [])) {
-    el += item;
-  }
-  for (let item of (page.inject?.script || [])) {
-    el += item;
-  }
-  return el;
-}
-
-%>
-<script type="text/javascript">
-  const stellar = {
-    // 懒加载 css https://github.com/filamentgroup/loadCSS
-    loadCSS: (href, before, media, attributes) => {
-      var doc = window.document;
-      var ss = doc.createElement("link");
-      var ref;
-      if (before) {
-        ref = before;
-      } else {
-        var refs = (doc.body || doc.getElementsByTagName("head")[0]).childNodes;
-        ref = refs[refs.length - 1];
-      }
-      var sheets = doc.styleSheets;
-      if (attributes) {
-        for (var attributeName in attributes) {
-          if (attributes.hasOwnProperty(attributeName)) {
-            ss.setAttribute(attributeName, attributes[attributeName]);
-          }
-        }
-      }
-      ss.rel = "stylesheet";
-      ss.href = href;
-      ss.media = "only x";
-      function ready(cb) {
-        if (doc.body) {
-          return cb();
-        }
-        setTimeout(function () {
-          ready(cb);
-        });
-      }
-      ready(function () {
-        ref.parentNode.insertBefore(ss, before ? ref : ref.nextSibling);
-      });
-      var onloadcssdefined = function (cb) {
-        var resolvedHref = ss.href;
-        var i = sheets.length;
-        while (i--) {
-          if (sheets[i].href === resolvedHref) {
-            return cb();
-          }
-        }
-        setTimeout(function () {
-          onloadcssdefined(cb);
-        });
-      };
-      function loadCB() {
-        if (ss.addEventListener) {
-          ss.removeEventListener("load", loadCB);
-        }
-        ss.media = media || "all";
-      }
-      if (ss.addEventListener) {
-        ss.addEventListener("load", loadCB);
-      }
-      ss.onloadcssdefined = onloadcssdefined;
-      onloadcssdefined(loadCB);
-      return ss;
-    },
-
-    // 从 butterfly 和 volantis 获得灵感
-    loadScript: (src, opt) => new Promise((resolve, reject) => {
-      var script = document.createElement('script');
-      if (src.startsWith('/')){
-        src = stellar.config.root + src.substring(1);
-      }
-      script.src = src;
-      if (opt) {
-        for (let key of Object.keys(opt)) {
-          script[key] = opt[key]
-        }
-      } else {
-        // 默认异步，如果需要同步，第二个参数传入 {} 即可
-        script.async = true
-      }
-      script.onerror = reject
-      script.onload = script.onreadystatechange = function() {
-        const loadState = this.readyState
-        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
-        script.onload = script.onreadystatechange = null
-        resolve()
-      }
-      document.head.appendChild(script)
-    }),
-
-    // https://github.com/jerryc127/hexo-theme-butterfly
-    jQuery: (fn) => {
-      if (typeof jQuery === 'undefined') {
-        stellar.loadScript(stellar.plugins.jQuery).then(fn)
-      } else {
-        fn()
-      }
-    }
-  };
-  stellar.version = '<%- theme.stellar.version %>';
-  stellar.github = 'https://github.com/xaoxuu/hexo-theme-stellar/tree/<%- theme.stellar.version %>';
-  stellar.config = {
-    date_suffix: {
-      just: '<%- __('meta.date_suffix.just') %>',
-      min: '<%- __('meta.date_suffix.min') %>',
-      hour: '<%- __('meta.date_suffix.hour') %>',
-      day: '<%- __('meta.date_suffix.day') %>',
-      month: '<%- __('meta.date_suffix.month') %>',
-    },
-    root : '<%- config.root %>',
-  };
-
-  // required plugins (only load if needs)
-  stellar.plugins = {
-    jQuery: '<%- url_for(theme.plugins.jquery || "https://gcore.jsdelivr.net/npm/jquery@3.6.2/dist/jquery.min.js") %>'
-  };
-
-  if ('<%- theme.search.service %>') {
-    stellar.search = {};
-    stellar.search.service = '<%- theme.search.service %>';
-    if (stellar.search.service == 'local_search') {
-      let service_obj = Object.assign({}, <%- JSON.stringify(theme.search.local_search) %>);
-      stellar.search[stellar.search.service] = service_obj;
-    }
-  }
-
-  // stellar js
-  stellar.plugins.stellar = Object.assign(<%- JSON.stringify(theme.plugins.stellar) %>);
-
-  stellar.plugins.marked = Object.assign(<%- JSON.stringify(theme.plugins.marked) %>);
-  // optional plugins
-  if ('<%- theme.plugins.lazyload.enable %>' == 'true') {
-    stellar.plugins.lazyload = Object.assign(<%- JSON.stringify(theme.plugins.lazyload) %>);
-  }
-  if ('<%- theme.plugins.swiper.enable %>' == 'true') {
-    stellar.plugins.swiper = Object.assign(<%- JSON.stringify(theme.plugins.swiper) %>);
-  }
-  if ('<%- theme.plugins.scrollreveal.enable %>' == 'true') {
-    stellar.plugins.scrollreveal = Object.assign(<%- JSON.stringify(theme.plugins.scrollreveal) %>);
-  }
-  if ('<%- theme.plugins.preload.enable %>' == 'true') {
-    stellar.plugins.preload = Object.assign(<%- JSON.stringify(theme.plugins.preload) %>);
-  }
-  if ('<%- theme.plugins.fancybox.enable %>' == 'true') {
-    stellar.plugins.fancybox = Object.assign(<%- JSON.stringify(theme.plugins.fancybox) %>);
-  }
-  if ('<%- theme.plugins.heti.enable %>' == 'true') {
-    stellar.plugins.heti = Object.assign(<%- JSON.stringify(theme.plugins.heti) %>);
-  }
-  if ('<%- theme.plugins.copycode.enable %>' == 'true') {
-    stellar.plugins.copycode = Object.assign(<%- JSON.stringify(theme.plugins.copycode) %>);
-  }
-</script>
-
-<!-- required -->
-<script src="<%- `${theme.stellar.main_js}?v=${stellar_info('version')}` %>" async></script>
-
-<!-- optional -->
-<%- partial('../plugins/comments/script') %>
-<%- partial('../plugins/parser/script') %>
-
-<!-- inject -->
-<%- custom_inject() %>

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

@@ -1,3 +0,0 @@
-.widget-wrapper.toc.single .doc-tree
-  &.active>.toc
-    border-left: 2px solid var(--alpha50)