hexo-theme-stellar 1.26.7 → 1.27.0

package/source/js/main.js

@@ -1,4 +1,3 @@
-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 = {
 
@@ -10,27 +9,23 @@ const util = {
     const minute = 1000 * 60
     const hour = minute * 60
     const day = hour * 24
-    const month = day * 30
 
     let result
     if (more) {
-      const monthCount = dateDiff / month
       const dayCount = dateDiff / day
       const hourCount = dateDiff / hour
       const minuteCount = dateDiff / minute
 
-      if (monthCount > 12) {
+      if (dayCount > 14) {
         result = null
-      } else if (monthCount >= 1) {
-        result = parseInt(monthCount) + ' ' + stellar.config.date_suffix.month
       } else if (dayCount >= 1) {
-        result = parseInt(dayCount) + ' ' + stellar.config.date_suffix.day
+        result = parseInt(dayCount) + ' ' + ctx.date_suffix.day
       } else if (hourCount >= 1) {
-        result = parseInt(hourCount) + ' ' + stellar.config.date_suffix.hour
+        result = parseInt(hourCount) + ' ' + ctx.date_suffix.hour
       } else if (minuteCount >= 1) {
-        result = parseInt(minuteCount) + ' ' + stellar.config.date_suffix.min
+        result = parseInt(minuteCount) + ' ' + ctx.date_suffix.min
       } else {
-        result = stellar.config.date_suffix.just
+        result = ctx.date_suffix.just
       }
     } else {
       result = parseInt(dateDiff / day)
@@ -55,6 +50,10 @@ const util = {
       el.classList.toggle("display");
     }
   },
+
+  scrollTop: () => {
+    window.scrollTo({top: 0, behavior: "smooth"});
+  },
 }
 
 const hud = {
@@ -76,73 +75,71 @@ const hud = {
 
 const l_body = document.querySelector('.l_body');
 
-const sidebar = {
-  toggle: () => {
-    if (l_body) {
-      l_body.classList.add('mobile');
-      l_body.classList.toggle("sidebar");
-    }
-  }
-}
 
 const init = {
   toc: () => {
-    stellar.jQuery(() => {
+    utils.jq(() => {
       const scrollOffset = 32;
       var segs = [];
       $("article.md-text :header").each(function (idx, node) {
-        segs.push(node)
+        segs.push(node);
       });
-      // 定位到激活的目录树（不如pjax体验好）
-      // const widgets = document.querySelector('.widgets')
-      // const e1 = document.querySelector('.doc-tree-link.active')
-      // const offsetTop = e1.getBoundingClientRect().top - widgets.getBoundingClientRect().top - 100
-      // if (offsetTop > 0) {
-      //   widgets.scrollBy({top: offsetTop, behavior: 'smooth'})
-      // }
-      // 滚动
-      $(document, window).scroll(function (e) {
+      function activeTOC() {
         var scrollTop = $(this).scrollTop();
-        var topSeg = null
+        var topSeg = null;
         for (var idx in segs) {
-          var seg = $(segs[idx])
+          var seg = $(segs[idx]);
           if (seg.offset().top > scrollTop + scrollOffset) {
-            continue
+            continue;
           }
           if (!topSeg) {
-            topSeg = seg
+            topSeg = seg;
           } else if (seg.offset().top >= topSeg.offset().top) {
-            topSeg = seg
+            topSeg = seg;
           }
         }
         if (topSeg) {
-          $("#data-toc a.toc-link").removeClass("active")
-          var link = "#" + topSeg.attr("id")
+          $("#data-toc a.toc-link").removeClass("active");
+          var link = "#" + topSeg.attr("id");
           if (link != '#undefined') {
-            const highlightItem = $('#data-toc a.toc-link[href="' + encodeURI(link) + '"]')
+            const highlightItem = $('#data-toc a.toc-link[href="' + encodeURI(link) + '"]');
             if (highlightItem.length > 0) {
-              highlightItem.addClass("active")
-              const e0 = document.querySelector('.widgets')
-              const e1 = document.querySelector('#data-toc a.toc-link[href="' + encodeURI(link) + '"]')
-              const offsetBottom = e1.getBoundingClientRect().bottom - e0.getBoundingClientRect().bottom + 200
-              const offsetTop = e1.getBoundingClientRect().top - e0.getBoundingClientRect().top - 64
-              if (offsetTop < 0) {
-                e0.scrollBy(0, offsetTop)
-              } else if (offsetBottom > 0) {
-                e0.scrollBy(0, offsetBottom)
-              }
+              highlightItem.addClass("active");
             }
           } else {
-            $('#data-toc a.toc-link:first').addClass("active")
+            $('#data-toc a.toc-link:first').addClass("active");
           }
         }
-      })
+      }
+      function scrollTOC() {
+        const e0 = document.querySelector('#data-toc .toc');
+        const e1 = document.querySelector('#data-toc .toc a.toc-link.active');
+        if (e0 == null || e1 == null) {
+          return;
+        }
+        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"});
+        } else if (offsetBottom > 0) {
+          e0.scrollBy({top: offsetBottom, behavior: "smooth"});
+        }
+      }
+      
+      var timeout = null;
+      window.addEventListener('scroll', function() {
+        activeTOC();
+        if(timeout !== null) clearTimeout(timeout);
+        timeout = setTimeout(function() {
+          scrollTOC();
+        }.bind(this), 50);
+      });      
     })
   },
   sidebar: () => {
-    stellar.jQuery(() => {
+    utils.jq(() => {
       $("#data-toc a.toc-link").click(function (e) {
-        l_body.classList.remove("sidebar");
+        sidebar.dismiss();
       });
     })
   },
@@ -193,203 +190,3 @@ init.toc()
 init.sidebar()
 init.relativeDate(document.querySelectorAll('#post-meta time'))
 init.registerTabsTag()
-
-// scrollreveal
-if (stellar.plugins.scrollreveal) {
-  stellar.loadScript(stellar.plugins.scrollreveal.js).then(function () {
-    const slideUp = {
-      distance: stellar.plugins.scrollreveal.distance,
-      duration: stellar.plugins.scrollreveal.duration,
-      interval: stellar.plugins.scrollreveal.interval,
-      scale: stellar.plugins.scrollreveal.scale,
-      opacity: 0,
-      easing: "ease-out"
-    }
-    ScrollReveal().reveal('.l_left .slide-up', slideUp)
-    ScrollReveal().reveal('.l_main .slide-up', slideUp)
-  })
-}
-
-// lazyload
-if (stellar.plugins.lazyload) {
-  stellar.loadScript(stellar.plugins.lazyload.js, { defer: true })
-  // https://www.npmjs.com/package/vanilla-lazyload
-  // Set the options globally
-  // to make LazyLoad self-initialize
-  window.lazyLoadOptions = {
-    elements_selector: ".lazy",
-  };
-  // Listen to the initialization event
-  // and get the instance of LazyLoad
-  window.addEventListener(
-    "LazyLoad::Initialized",
-    function (event) {
-      window.lazyLoadInstance = event.detail.instance;
-    },
-    false
-  );
-  document.addEventListener('DOMContentLoaded', function () {
-    window.lazyLoadInstance?.update();
-  });
-}
-
-// stellar js
-if (stellar.plugins.stellar) {
-  for (let key of Object.keys(stellar.plugins.stellar)) {
-    let js = stellar.plugins.stellar[key];
-    if (key == 'linkcard') {
-      stellar.loadScript(js, { defer: true }).then(function () {
-        setCardLink(document.querySelectorAll('a.link-card[cardlink]'));
-      });
-    } else {
-      const els = document.getElementsByClassName('stellar-' + key + '-api');
-      if (els != undefined && els.length > 0) {
-        stellar.jQuery(() => {
-          if (key == 'timeline' || 'memos' || 'marked') {
-            stellar.loadScript(stellar.plugins.marked).then(function () {
-              stellar.loadScript(js, { defer: true });
-            });
-          } else {
-            stellar.loadScript(js, { defer: true });
-          }
-        })
-      }
-    }
-  }
-}
-
-// swiper
-if (stellar.plugins.swiper) {
-  const swiper_api = document.getElementById('swiper-api');
-  if (swiper_api != undefined) {
-    stellar.loadCSS(stellar.plugins.swiper.css);
-    stellar.loadScript(stellar.plugins.swiper.js, { defer: true }).then(function () {
-      const effect = swiper_api.getAttribute('effect') || '';
-      var swiper = new Swiper('.swiper#swiper-api', {
-        slidesPerView: 'auto',
-        spaceBetween: 8,
-        centeredSlides: true,
-        effect: effect,
-        loop: true,
-        pagination: {
-          el: '.swiper-pagination',
-          clickable: true,
-        },
-        navigation: {
-          nextEl: '.swiper-button-next',
-          prevEl: '.swiper-button-prev',
-        },
-      });
-    })
-  }
-}
-
-// preload
-if (stellar.plugins.preload) {
-  if (stellar.plugins.preload.service == 'flying_pages') {
-    window.FPConfig = {
-      delay: 0,
-      ignoreKeywords: [],
-      maxRPS: 5,
-      hoverDelay: 25
-    };
-    stellar.loadScript(stellar.plugins.preload.flying_pages, { defer: true })
-  }
-}
-
-// fancybox
-if (stellar.plugins.fancybox) {
-  let selector = '[data-fancybox]:not(.error)';
-  if (stellar.plugins.fancybox.selector) {
-    selector += `, ${stellar.plugins.fancybox.selector}`
-  }
-  var needFancybox = document.querySelectorAll(selector).length !== 0;
-  if (!needFancybox) {
-    const els = document.getElementsByClassName('stellar-memos-api');
-    if (els != undefined && els.length > 0) {
-      needFancybox = true;
-    }
-  }
-  if (needFancybox) {
-    stellar.loadCSS(stellar.plugins.fancybox.css);
-    stellar.loadScript(stellar.plugins.fancybox.js, { defer: true }).then(function () {
-      Fancybox.bind(selector, {
-        hideScrollbar: false,
-        Thumbs: {
-          autoStart: false,
-        },
-        caption: (fancybox, slide) => {
-          return slide.triggerEl.alt || null
-        }
-      });
-    })
-  }
-}
-
-
-if (stellar.search.service) {
-  if (stellar.search.service == 'local_search') {
-    stellar.jQuery(() => {
-      stellar.loadScript('/js/search/local-search.js', { defer: true }).then(function () {
-        var $inputArea = $("input#search-input");
-        if ($inputArea.length == 0) {
-          return;
-        }
-        var $resultArea = document.querySelector("div#search-result");
-        $inputArea.focus(function() {
-          var path = stellar.search[stellar.search.service]?.path || '/search.json';
-          if (path.startsWith('/')) {
-            path = path.substring(1);
-          }
-          path = stellar.config.root + path;
-          const filter = $inputArea.attr('data-filter') || '';
-          searchFunc(path, filter, 'search-wrapper', 'search-input', 'search-result');
-        });
-        $inputArea.keydown(function(e) {
-          if (e.which == 13) {
-            e.preventDefault();
-          }
-        });
-        var observer = new MutationObserver(function(mutationsList, observer) {
-          if (mutationsList.length == 1) {
-            if (mutationsList[0].addedNodes.length) {
-              $('.search-wrapper').removeClass('noresult');
-            } else if (mutationsList[0].removedNodes.length) {
-              $('.search-wrapper').addClass('noresult');
-            }
-          }
-        });
-        observer.observe($resultArea, { childList: true });
-      });
-    })
-  }
-}
-
-
-// heti
-if (stellar.plugins.heti) {
-  stellar.loadCSS(stellar.plugins.heti.css);
-  stellar.loadScript(stellar.plugins.heti.js, { defer: true }).then(function () {
-    const heti = new Heti('.heti');
-    
-    // Copied from heti.autoSpacing() without DOMContentLoaded.
-    // https://github.com/sivan/heti/blob/eadee6a3b748b3b7924a9e7d5b395d4bce479c9a/js/heti-addon.js
-    //
-    // We managed to minimize the code modification to ensure .autoSpacing()
-    // is synced with upstream; therefore, we use `.bind()` to emulate the 
-    // behavior of .autoSpacing() so we can even modify almost no code.
-    void (function () {
-      const $$rootList = document.querySelectorAll(this.rootSelector)
-
-      for (let $$root of $$rootList) {
-        this.spacingElement($$root)
-      }
-    }).bind(heti)();
-
-    stellar.plugins.heti.enable = false;
-  });
-}
-
-if (stellar.plugins.copycode) {
-  stellar.loadScript(stellar.plugins.copycode.js, { defer: true })
-}

package/source/js/plugins/copycode.js

@@ -1,45 +1,41 @@
-const codeElementArr = document.querySelectorAll('.code')
-codeElementArr.forEach(code => {
+window.codeElements.forEach(code => {
   // copy btn 
-  const codeCopyBtn = document.createElement('div')
-  codeCopyBtn.classList.add('copy-btn')
-  codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
-
-  code.appendChild(codeCopyBtn)
-
+  const codeCopyBtn = document.createElement('div');
+  codeCopyBtn.classList.add('copy-btn');
+  codeCopyBtn.innerHTML = ctx.copycode.default_text;
+  code.appendChild(codeCopyBtn);
   codeCopyBtn.addEventListener('click', async () => {
-    const currentCodeElement = code.children[0]?.innerText
-    await copyCode(currentCodeElement)
-
-    codeCopyBtn.innerHTML = stellar.plugins.copycode.success_text
-    codeCopyBtn.classList.add('success')
-    hud.toast(stellar.plugins.copycode.toast, 2500)
+    const currentCodeElement = code.children[0]?.innerText;
+    await copyCode(currentCodeElement);
+    codeCopyBtn.innerHTML = ctx.copycode.success_text;
+    codeCopyBtn.classList.add('success');
+    hud.toast(ctx.copycode.toast, 2500);
     setTimeout(() => {
-      codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
-      codeCopyBtn.classList.remove('success')
-    },3000)
+      codeCopyBtn.innerHTML = ctx.copycode.default_text;
+      codeCopyBtn.classList.remove('success');
+    },3000);
   })
 })
 
 async function copyCode(currentCode) {
   if (navigator.clipboard) {
     try {
-      await navigator.clipboard.writeText(currentCode)
+      await navigator.clipboard.writeText(currentCode);
     } catch (error) {
       // 未获得用户许可
-      codeCopyBtn.innerText = '未获得用户许可'
-      codeCopyBtn.classList.add('warning')
+      codeCopyBtn.innerText = '未获得用户许可';
+      codeCopyBtn.classList.add('warning');
       setTimeout(() => {
-        codeCopyBtn.innerText = stellar.plugins.copycode.default_text
-        codeCopyBtn.classList.remove('warning')
-      },3000)
+        codeCopyBtn.innerText = ctx.copycode.default_text;
+        codeCopyBtn.classList.remove('warning');
+      },3000);
     }
   } else {
-    codeCopyBtn.innerText = '当前浏览器不支持此api'
-    codeCopyBtn.classList.add('warning')
+    codeCopyBtn.innerText = '当前浏览器不支持此api';
+    codeCopyBtn.classList.add('warning');
     setTimeout(() => {
-      codeCopyBtn.innerText = stellar.plugins.copycode.default_text
-      codeCopyBtn.classList.remove('warning')
-    },3000)
+      codeCopyBtn.innerText = ctx.copycode.default_text;
+      codeCopyBtn.classList.remove('warning');
+    },3000);
   }
 }

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

@@ -136,3 +136,35 @@ var searchFunc = function(path, filter, wrapperId, searchId, contentId) {
     }
   });
 };
+
+utils.jq(() => {
+  var $inputArea = $("input#search-input");
+    if ($inputArea.length == 0) {
+      return;
+    }
+    var $resultArea = document.querySelector("div#search-result");
+    $inputArea.focus(function() {
+      var path = ctx.search.path;
+      if (path.startsWith('/')) {
+        path = path.substring(1);
+      }
+      path = ctx.root + path;
+      const filter = $inputArea.attr('data-filter') || '';
+      searchFunc(path, filter, 'search-wrapper', 'search-input', 'search-result');
+    });
+    $inputArea.keydown(function(e) {
+      if (e.which == 13) {
+        e.preventDefault();
+      }
+    });
+    var observer = new MutationObserver(function(mutationsList, observer) {
+      if (mutationsList.length == 1) {
+        if (mutationsList[0].addedNodes.length) {
+          $('.search-wrapper').removeClass('noresult');
+        } else if (mutationsList[0].removedNodes.length) {
+          $('.search-wrapper').addClass('noresult');
+        }
+      }
+    });
+    observer.observe($resultArea, { childList: true });
+  });

package/source/js/services/fcircle.js

@@ -0,0 +1,36 @@
+utils.jq(() => {
+  $(function () {
+    const els = document.getElementsByClassName('ds-fcircle');
+    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;
+      // layout
+      utils.request(el, api, function(data) {
+        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 || default_avatar) + '" onerror="javascript:this.src=\'' + default_avatar + '\';">';
+          cell += '<span>' + item.author + '</span>';
+          cell += '</div>';
+          cell += '<span>' + item.created + '</span>';
+          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);
+        });
+      });
+    }
+  });
+});

package/source/js/services/friends.js

@@ -0,0 +1,27 @@
+utils.jq(() => {
+  $(function () {
+    const els = document.getElementsByClassName('ds-friends');
+    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;
+      // layout
+      utils.request(el, api, function(data) {
+        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 || default_avatar}" onerror="javascript:this.removeAttribute(\'data-src\');this.src=\'${default_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);
+        }
+      });
+    }
+  });
+});

package/source/js/services/ghinfo.js

@@ -0,0 +1,33 @@
+utils.jq(() => {
+  $(function () {
+    const els = document.getElementsByClassName('ds-ghinfo');
+    for (var i = 0; i < els.length; i++) {
+      const el = els[i];
+      const api = el.getAttribute('api');
+      if (api == null) {
+        continue;
+      }
+      // layout
+      utils.request(null, api, function(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]);
+          }
+        }
+        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);
+        }
+      });
+    }
+  });
+});

package/source/js/services/mdrender.js

@@ -0,0 +1,10 @@
+utils.jq(() => {
+  const els = document.getElementsByClassName('ds-mdrender');
+  for (var i = 0; i < els.length; i++) {
+    const el = els[i];
+    const src = `${el.getAttribute('src')}?t=${new Date().getTime()}`;
+    utils.request(el, src, function(data) {
+      el.innerHTML = marked.parse(resp.data);
+    });
+  }
+});

package/source/js/services/memos.js

@@ -0,0 +1,73 @@
+utils.jq(() => {
+  $(function () {
+    const els = document.getElementsByClassName('ds-memos');
+    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;
+      const limit = el.getAttribute('limit');
+      const host = api.replace(/https:\/\/(.*?)\/(.*)/i, '$1');
+      // layout
+      utils.request(el, api, function(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(",");
+        }
+        data.forEach((item, i) => {
+          if (limit && i >= 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 (default_avatar.length > 0) {
+              cell += `<img src="${default_avatar}">`;
+            }
+            cell += '<span>' + item.creatorName + '</span>';
+            cell += '</div>';
+          }
+          cell += '<span>' + date.toLocaleString() + '</span>';
+          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://${host}/o/r/${img.id}" data-fancybox="memos"></div>`;
+              }
+            }
+            cell += '</div>';
+          }
+          cell += '</div>';
+          cell += '</div>';
+          $(el).append(cell);
+        });
+      });
+    }
+  });
+});