hexo-theme-stellar 1.26.8 → 1.28.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,14 @@ const util = {
       el.classList.toggle("display");
     }
   },
+
+  scrollTop: () => {
+    window.scrollTo({top: 0, behavior: "smooth"});
+  },
+
+  scrollComment: () => {
+    document.getElementById('comments').scrollIntoView({behavior: "smooth"});
+  },
 }
 
 const hud = {
@@ -76,73 +79,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 +194,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,32 @@
-const codeElementArr = document.querySelectorAll('.code')
-codeElementArr.forEach(code => {
-  // copy btn 
-  const codeCopyBtn = document.createElement('div')
-  codeCopyBtn.classList.add('copy-btn')
-  codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
-
-  code.appendChild(codeCopyBtn)
+window.codeElements.forEach((codeElement) => {
+  // 创建复制按钮
+  const codeCopyBtn = document.createElement('div');
+  codeCopyBtn.className = 'copy-btn';
+  codeCopyBtn.textContent = ctx.copycode.default_text;
+  codeElement.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)
-    setTimeout(() => {
-      codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
-      codeCopyBtn.classList.remove('success')
-    },3000)
-  })
-})
-
-async function copyCode(currentCode) {
-  if (navigator.clipboard) {
-    try {
-      await navigator.clipboard.writeText(currentCode)
-    } catch (error) {
-      // 未获得用户许可
-      codeCopyBtn.innerText = '未获得用户许可'
-      codeCopyBtn.classList.add('warning')
-      setTimeout(() => {
-        codeCopyBtn.innerText = stellar.plugins.copycode.default_text
-        codeCopyBtn.classList.remove('warning')
-      },3000)
+    const codeToCopy = codeElement.querySelector('code')?.textContent || '';
+    if (navigator.clipboard) {
+      try {
+        await navigator.clipboard.writeText(codeToCopy);
+        codeCopyBtn.textContent = ctx.copycode.success_text;
+        codeCopyBtn.classList.add('success');
+        hud.toast(ctx.copycode.toast, 2500);
+      } catch (error) {
+        codeCopyBtn.textContent = '未获得用户许可';
+        codeCopyBtn.classList.add('warning');
+      }
+    } else {
+      codeCopyBtn.textContent = '浏览器不支持/非HTTPS';
+      codeCopyBtn.classList.add('warning');
     }
-  } else {
-    codeCopyBtn.innerText = '当前浏览器不支持此api'
-    codeCopyBtn.classList.add('warning')
+
+    // 3秒后恢复默认文本
     setTimeout(() => {
-      codeCopyBtn.innerText = stellar.plugins.copycode.default_text
-      codeCopyBtn.classList.remove('warning')
-    },3000)
-  }
-}
+      codeCopyBtn.textContent = ctx.copycode.default_text;
+      codeCopyBtn.classList.remove('success', 'warning');
+    }, 3000);
+  });
+});

package/source/js/search/algolia-search.js

@@ -0,0 +1,75 @@
+utils.jq(() => {
+  var $inputArea = $("input#search-input");
+  if ($inputArea.length === 0) {
+    return;
+  }
+
+  var $resultArea = $("#search-result");
+  var $searchWrapper = $("#search-wrapper");
+  var client = algoliasearch(window.searchConfig.appId, window.searchConfig.apiKey);
+  var index = client.initIndex(window.searchConfig.indexName);
+
+  function filterResults(hits, filterPath) {
+    if (!filterPath || filterPath === '/') return hits;
+    var regex = new RegExp(filterPath);
+    return hits.filter(hit => regex.test(hit.url));
+  }
+
+  function displayResults(hits) {
+    var $resultList = $("<ul>").addClass("search-result-list");
+    if (hits.length === 0) {
+      $searchWrapper.addClass('noresult');
+    } else {
+      $searchWrapper.removeClass('noresult');
+      hits.forEach(function(hit) {
+        var contentSnippet = hit._snippetResult.content.value;
+        var title = hit.hierarchy.lvl1 || 'Untitled';
+        var $item = $("<li>").html(`<a href="${hit.url}"><span class='search-result-title'>${title}</span><p class="search-result-content">${contentSnippet}</p></a>`);
+        $resultList.append($item);
+      });
+    }
+    $resultArea.html($resultList);
+  }
+
+  $inputArea.on("input", function() {
+    var query = $(this).val().trim();
+    var filterPath = $inputArea.data('filter');
+
+    if (query.length <= 0) {
+      $searchWrapper.attr('searching', 'false');
+      $resultArea.empty();
+      return;
+    }
+
+    $searchWrapper.attr('searching', 'true');
+
+    index.search(query, {
+      hitsPerPage: window.searchConfig.hitsPerPage,
+      attributesToHighlight: ['content'],
+      attributesToSnippet: ['content:30'],
+      highlightPreTag: '<span class="search-keyword">',
+      highlightPostTag: '</span>',
+      restrictSearchableAttributes: ['content']
+    }).then(function(responses) {
+      displayResults(filterResults(responses.hits, filterPath));
+    });
+  });
+
+  $inputArea.on("keydown", function(e) {
+    if (e.which == 13) {
+      e.preventDefault();
+    }
+  });
+
+  var observer = new MutationObserver(function(mutationsList) {
+    if (mutationsList.length === 1) {
+      if (mutationsList[0].addedNodes.length) {
+        $searchWrapper.removeClass('noresult');
+      } else if (mutationsList[0].removedNodes.length) {
+        $searchWrapper.addClass('noresult');
+      }
+    }
+  });
+
+  observer.observe($resultArea[0], { childList: true });
+});

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);
+    });
+  }
+});