hexo-theme-stellar 1.34.0 → 1.36.0

package/source/js/main.js

@@ -53,11 +53,14 @@ const util = {
   },
 
   scrollTop: () => {
-    window.scrollTo({ top: 0, behavior: "smooth" });
+    smoothScrollTo(0);
   },
 
   scrollComment: () => {
-    document.getElementById('comments').scrollIntoView({ behavior: "smooth" });
+    const el = document.getElementById('comments');
+    if (el) {
+      smoothScrollTo(el.getBoundingClientRect().top + window.scrollY - 32);
+    }
   },
 
   viewportLazyload: (target, func, enabled = true) => {
@@ -94,73 +97,168 @@ const hud = {
 
 const l_body = document.querySelector('.l_body');
 
+// 通用平滑滚动（自定义动画，TOC / 回到顶部 / 参与讨论共用）
+let scrollAnim = null;
+function cancelSmoothScroll() {
+  if (scrollAnim !== null) {
+    cancelAnimationFrame(scrollAnim);
+    scrollAnim = null;
+  }
+}
+function smoothScrollTo(targetY) {
+  cancelSmoothScroll();
+  targetY = Math.max(0, targetY);
+  const startY = window.scrollY;
+  const diff = targetY - startY;
+  if (Math.abs(diff) < 2) {
+    return;
+  }
+  // 短距离 300ms，长距离最多 600ms
+  const duration = Math.min(600, Math.max(300, Math.abs(diff) * 0.15));
+  const startTime = performance.now();
+  function step(now) {
+    const t = Math.min(1, (now - startTime) / duration);
+    const eased = 1 - Math.pow(1 - t, 3); // easeOutCubic
+    // 显式指定 instant，避免全局 scroll-behavior: smooth 与自定义动画叠加导致滚动变慢
+    window.scrollTo({ top: startY + diff * eased, behavior: 'instant' });
+    if (t < 1) {
+      scrollAnim = requestAnimationFrame(step);
+    } else {
+      scrollAnim = null;
+    }
+  }
+  scrollAnim = requestAnimationFrame(step);
+}
+window.addEventListener('wheel', cancelSmoothScroll, { passive: true });
+window.addEventListener('touchstart', cancelSmoothScroll, { passive: true });
+
 
 const init = {
   toc: () => {
-    utils.jq(() => {
-      const scrollOffset = 32;
-      var segs = [];
-      $("article.md-text :header").each(function (idx, node) {
-        segs.push(node);
-      });
-      function activeTOC() {
-        var scrollTop = $(this).scrollTop();
-        var topSeg = null;
-        for (var idx in segs) {
-          var seg = $(segs[idx]);
-          if (seg.offset().top > scrollTop + scrollOffset) {
-            continue;
-          }
-          if (!topSeg) {
-            topSeg = seg;
-          } else if (seg.offset().top >= topSeg.offset().top) {
-            topSeg = seg;
-          }
+    const scrollOffset = 32;
+    // 滚动位置取整后标题顶可能落在偏移线下方 1~2px，加容差避免高亮回跳到上一条
+    const scrollTolerance = 4;
+    var segs = utils.qsa("article.md-text h1, article.md-text h2, article.md-text h3, article.md-text h4, article.md-text h5, article.md-text h6");
+    function activeTOC() {
+      var scrollTop = window.scrollY;
+      var topSeg = null;
+      for (var i = 0; i < segs.length; i++) {
+        var segTop = segs[i].getBoundingClientRect().top + window.scrollY;
+        if (segTop > scrollTop + scrollOffset + scrollTolerance) {
+          continue;
         }
-        if (topSeg) {
-          $("#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) + '"]');
-            if (highlightItem.length > 0) {
-              highlightItem.addClass("active");
-            }
-          } else {
-            $('#data-toc a.toc-link:first').addClass("active");
-          }
+        if (!topSeg || segTop >= topSeg.getBoundingClientRect().top + window.scrollY) {
+          topSeg = segs[i];
         }
       }
-      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" });
+      if (topSeg) {
+        utils.dom("#data-toc a.toc-link").removeClass("active");
+        var id = topSeg.getAttribute("id");
+        var link = id ? "#" + id : "#undefined";
+        if (link != '#undefined') {
+          const highlightItem = utils.dom('#data-toc a.toc-link[href="' + encodeURI(link) + '"]');
+          if (highlightItem.length > 0) {
+            highlightItem.addClass("active");
+          }
+        } else {
+          const first = utils.qs('#data-toc a.toc-link');
+          if (first) first.classList.add("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);
-      });
-    })
+    var timeout = null;
+    window.addEventListener('scroll', function () {
+      activeTOC();
+      if (timeout !== null) clearTimeout(timeout);
+      timeout = setTimeout(function () {
+        scrollTOC();
+      }, 50);
+    });
   },
   sidebar: () => {
-    utils.jq(() => {
-      $("#data-toc a.toc-link").click(function (e) {
-        sidebar.dismiss();
-      });
-    })
+    utils.dom("#data-toc a.toc-link").click(function (e) {
+      const href = this.getAttribute("href");
+      const id = href && href.indexOf("#") === 0 ? decodeURIComponent(href.slice(1)) : null;
+      const target = id && document.getElementById(id);
+      if (target) {
+        e.preventDefault();
+        const offset = 32; // 与 activeTOC 的 scrollOffset 保持一致
+        const targetY = target.getBoundingClientRect().top + window.scrollY - offset;
+        smoothScrollTo(targetY);
+        if (window.history && window.history.pushState) {
+          window.history.pushState(null, "", href);
+        }
+      }
+      sidebar.dismiss();
+    });
+  },
+  leftbarScroll: () => {
+    const container = document.querySelector('.l_left .widgets');
+    if (container == null) {
+      return;
+    }
+    const PREFIX = 'Stellar.leftbarScroll.';
+    const encode = (s) => encodeURIComponent(String(s || ''));
+    function scope() {
+      const wikiEl = document.querySelector('.doc-tree[data-wiki]');
+      if (wikiEl != null) {
+        return 'wiki:' + encode(wikiEl.getAttribute('data-wiki'));
+      }
+      const notebookEl = document.querySelector('widget[data-notebook]');
+      if (notebookEl != null) {
+        return 'notebook:' + encode(notebookEl.getAttribute('data-notebook'));
+      }
+      const body = document.querySelector('.l_body');
+      return 'layout:' + encode((body && body.getAttribute('layout')) || 'default');
+    }
+    window.addEventListener('pagehide', function () {
+      try {
+        const s = scope();
+        sessionStorage.setItem(PREFIX + s, String(container.scrollTop));
+        sessionStorage.setItem(PREFIX + 'last', s);
+      } catch (e) {}
+    });
+    try {
+      const s = scope();
+      // 仅当上一页与当前页属于同一分区时才恢复，离开分区后再回来不跳回旧位置
+      if (sessionStorage.getItem(PREFIX + 'last') !== s) {
+        return;
+      }
+      const value = sessionStorage.getItem(PREFIX + s);
+      if (value == null) {
+        return;
+      }
+      container.scrollTop = parseInt(value, 10) || 0;
+      const link = container.querySelector('a.link.active');
+      if (link == null) {
+        return;
+      }
+      const padding = 16;
+      const containerRect = container.getBoundingClientRect();
+      const linkRect = link.getBoundingClientRect();
+      const top = linkRect.top - containerRect.top;
+      const bottom = linkRect.bottom - containerRect.top;
+      if (top < 0) {
+        container.scrollTop += top - padding;
+      } else if (bottom > container.clientHeight) {
+        container.scrollTop += bottom - container.clientHeight + padding;
+      }
+    } catch (e) {}
   },
   relativeDate: (selector) => {
     selector.forEach(item => {
@@ -293,29 +391,15 @@ window.stellar = window.stellar || {};
 
 /**
  * Initialize page components
- * Called on initial load and after PJAX navigation
  */
 stellar.initPage = function () {
   init.toc();
   init.sidebar();
+  init.leftbarScroll();
   init.relativeDate(document.querySelectorAll('#post-meta time'));
   init.registerTabsTag();
-  
-  // Reinitialize comments after PJAX navigation
-  if (stellar.initComments) {
-    for (const commentSystem in stellar.initComments) {
-      if (typeof stellar.initComments[commentSystem] === 'function') {
-        stellar.initComments[commentSystem]();
-      }
-    }
-  }
 };
 
 // Initial page load
 stellar.initPage();
 init.canonicalCheck();
-
-// Listen for PJAX navigation complete
-document.addEventListener('pjax:complete', function () {
-  stellar.initPage();
-});

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

@@ -1,77 +1,77 @@
 utils.js(window.searchConfig.js).then(() => {
-  utils.jq(() => {
-    var $inputArea = $("input#search-input");
-    if ($inputArea.length === 0) {
-      return;
-    }
+  var inputArea = document.querySelector("input#search-input");
+  if (!inputArea) {
+    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);
+  var resultArea = document.querySelector("#search-result");
+  var searchWrapper = document.querySelector("#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 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);
+  function displayResults(hits) {
+    var resultList = document.createElement("ul");
+    resultList.classList.add("search-result-list");
+    if (hits.length === 0) {
+      searchWrapper.classList.add('noresult');
+    } else {
+      searchWrapper.classList.remove('noresult');
+      hits.forEach(function(hit) {
+        var contentSnippet = hit._snippetResult.content.value;
+        var title = hit.hierarchy.lvl1 || 'Untitled';
+        var item = document.createElement("li");
+        item.innerHTML = `<a href="${hit.url}"><span class='search-result-title'>${title}</span><p class="search-result-content">${contentSnippet}</p></a>`;
+        resultList.appendChild(item);
+      });
     }
+    resultArea.replaceChildren(resultList);
+  }
 
-    $inputArea.on("input", function() {
-      var query = $(this).val().trim();
-      var filterPath = $inputArea.data('filter');
+  inputArea.addEventListener("input", function() {
+    var query = inputArea.value.trim();
+    var filterPath = inputArea.getAttribute('data-filter');
 
-      if (query.length <= 0) {
-        $searchWrapper.attr('searching', 'false');
-        $resultArea.empty();
-        return;
-      }
+    if (query.length <= 0) {
+      searchWrapper.setAttribute('searching', 'false');
+      resultArea.replaceChildren();
+      return;
+    }
 
-      $searchWrapper.attr('searching', 'true');
+    searchWrapper.setAttribute('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));
-      });
+    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();
-      }
-    });
+  inputArea.addEventListener("keydown", function(e) {
+    if (e.key == 'Enter') {
+      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');
-        }
+  var observer = new MutationObserver(function(mutationsList) {
+    if (mutationsList.length === 1) {
+      if (mutationsList[0].addedNodes.length) {
+        searchWrapper.classList.remove('noresult');
+      } else if (mutationsList[0].removedNodes.length) {
+        searchWrapper.classList.add('noresult');
       }
-    });
-
-    observer.observe($resultArea[0], { childList: true });
+    }
   });
+
+  observer.observe(resultArea, { childList: true });
 });

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

@@ -130,58 +130,59 @@ var searchFunc = function(path, filter, wrapperId, searchId, contentId) {
   }
 };
 
-utils.jq(() => {
-  (function preloadSearchData() {
-    var path = ctx.search.path;
-    if (path.startsWith('/')) {
-      path = path.substring(1);
-    }
-    path = ctx.root + path;
+(function preloadSearchData() {
+  var path = ctx.search.path;
+  if (path.startsWith('/')) {
+    path = path.substring(1);
+  }
+  path = ctx.root + path;
 
-    try {
-      var cached = localStorage.getItem(searchCacheKey);
-      if (cached) {
-        searchCache = JSON.parse(cached);
-      }
-    } catch (e) {
-      console.warn('搜索缓存解析失败', e);
+  try {
+    var cached = localStorage.getItem(searchCacheKey);
+    if (cached) {
+      searchCache = JSON.parse(cached);
     }
+  } catch (e) {
+    console.warn('搜索缓存解析失败', e);
+  }
 
-    fetch(path)
-      .then(res => res.json())
-      .then(json => {
-        searchCache = json;
-        try {
-          localStorage.setItem(searchCacheKey, JSON.stringify(json));
-        } catch (e) {
-          console.warn('搜索缓存写入失败', e);
-        }
-      });
-  })();
+  fetch(path)
+    .then(res => res.json())
+    .then(json => {
+      searchCache = json;
+      try {
+        localStorage.setItem(searchCacheKey, JSON.stringify(json));
+      } catch (e) {
+        console.warn('搜索缓存写入失败', e);
+      }
+    });
+})();
 
-  var $inputArea = $("input#search-input");
-  if ($inputArea.length == 0) return;
-  var $resultArea = document.querySelector("div#search-result");
+(function () {
+  var inputArea = document.querySelector("input#search-input");
+  if (!inputArea) return;
+  var resultArea = document.querySelector("div#search-result");
 
-  $inputArea.focus(function() {
+  inputArea.addEventListener("focus", function() {
     var path = ctx.search.path;
     if (path.startsWith('/')) {
       path = path.substring(1);
     }
     path = ctx.root + path;
-    const filter = $inputArea.attr('data-filter') || '';
+    const filter = inputArea.getAttribute('data-filter') || '';
     searchFunc(path, filter, 'search-wrapper', 'search-input', 'search-result');
   });
 
-  $inputArea.keydown(function(e) {
-    if (e.which == 13) {
+  inputArea.addEventListener("keydown", function(e) {
+    if (e.key == 'Enter') {
       e.preventDefault();
     }
   });
 
   const observer = new MutationObserver(function(mutationsList) {
-    const hasResults = $resultArea.querySelector(".search-result-list li");
-    $('.search-wrapper').toggleClass('noresult', !hasResults);
+    const hasResults = resultArea.querySelector(".search-result-list li");
+    const wrapper = document.querySelector('.search-wrapper');
+    if (wrapper) wrapper.classList.toggle('noresult', !hasResults);
   });
-  observer.observe($resultArea, { childList: true, subtree: true });
-});
+  observer.observe(resultArea, { childList: true, subtree: true });
+})();

package/source/js/services/artalk_latest_comment.js

@@ -1,6 +1,5 @@
-utils.jq(() => {
-    $(function () {
-      const els = document.getElementsByClassName('ds-artalk');
+(function () {
+  const els = document.getElementsByClassName('ds-artalk');
       for (var i = 0; i < els.length; i++) {
         const el = els[i];
         const limit = parseInt(el.getAttribute('limit')) || 10;
@@ -25,10 +24,9 @@ utils.jq(() => {
             cell += item.content_marked;
             cell += '</a>';
             cell += '</div>';
-            $(el).append(cell);
+            utils.dom(el).append(cell);
           });
         });
       }
-    });
-  });
-  
+})();
+  

package/source/js/services/contributors.js

@@ -1,6 +1,5 @@
-utils.jq(() => {
-  $(function () {
-    function parseGithubFileContributors(data) {
+(function () {
+  function parseGithubFileContributors(data) {
       // 去重贡献者（按 login）
       const contributorsMap = new Map();
 
@@ -47,10 +46,9 @@ utils.jq(() => {
           cell += `</div>`;
           cell += `</a>`;
           cell += `</div>`;
-          $(el).find('.grid-box').append(cell);
+          utils.dom(el).find('.grid-box').append(cell);
         }
         window.wrapLazyloadImages(el);
       });
     }
-  });
-});
+})();

package/source/js/services/fcircle.js

@@ -1,6 +1,5 @@
-utils.jq(() => {
-  $(function () {
-    const els = document.getElementsByClassName('ds-fcircle');
+(function () {
+  const els = document.getElementsByClassName('ds-fcircle');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
       const api = el.dataset.api;
@@ -29,9 +28,8 @@ utils.jq(() => {
           cell += item.title;
           cell += '</a>';
           cell += '</div>';
-          $(el).append(cell);
+          utils.dom(el).append(cell);
         });
       });
     }
-  });
-});
+})();

package/source/js/services/friends.js

@@ -1,6 +1,5 @@
-utils.jq(() => {
-  $(function () {
-    const els = document.getElementsByClassName('ds-friends');
+(function () {
+  const els = document.getElementsByClassName('ds-friends');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
       const api = el.dataset.api;
@@ -24,10 +23,9 @@ utils.jq(() => {
           }
           cell += `</a>`;
           cell += `</div>`;
-          $(el).find('.grid-box').append(cell);
+          utils.dom(el).find('.grid-box').append(cell);
         }
         window.wrapLazyloadImages(el);
       });
     }
-  });
-});
+})();

package/source/js/services/friends_and_posts.js

@@ -1,6 +1,5 @@
-utils.jq(() => {
-  $(function () {
-    const els = document.getElementsByClassName('ds-friends_and_posts');
+(function () {
+  const els = document.getElementsByClassName('ds-friends_and_posts');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
       const api = el.dataset.api;
@@ -50,10 +49,9 @@ utils.jq(() => {
           cell += `</div>`;
           cell += `</div>`;
           cell += `</div>`;
-          $(el).find('.grid-box').append(cell);
+          utils.dom(el).find('.grid-box').append(cell);
         }
         window.wrapLazyloadImages(el);
       });
     }
-  });
-});
+})();

package/source/js/services/ghinfo.js

@@ -1,6 +1,5 @@
-utils.jq(() => {
-  $(function () {
-    const els = document.getElementsByClassName('ds-ghinfo');
+(function () {
+  const els = document.getElementsByClassName('ds-ghinfo');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
       const api = el.dataset.api;
@@ -12,9 +11,9 @@ utils.jq(() => {
         const data = await resp.json();
         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]);
+            utils.dom(el).find("[type=text]#" + key).text(data[key]);
+            utils.dom(el).find("[type=link]#" + key).attr("href", data[key]);
+            utils.dom(el).find("[type=img]#" + key).attr("src", data[key]);
           }
         }
         const idx = el.getAttribute('index');
@@ -30,5 +29,4 @@ utils.jq(() => {
         }
       });
     }
-  });
-});
+})();