hexo-theme-linen 1.0.28 → 1.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-linen",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "description": "A clean Hexo theme",
   "main": "index.js",
   "homepage": "https://github.com/lynanbreeze/hexo-theme-linen",

package/scripts/lazyload/inject.js

@@ -19,9 +19,11 @@ module.exports = function (hexo) {
       ...(hexo?.config?.theme_config?.lazyload || {}),
     };
 
-    const placeholderImage = /^(https?:\/\/|\/|data:image)/i.test(loadingImage) || loadingImage?.startsWith('../img')
-      ? `url(${loadingImage})`
-      : loadingImage;
+    const placeholderImage =
+      /^(https?:\/\/|\/|data:image|\.\.\/)/i.test(loadingImage) ||
+      /\.(svg|png|jpg|jpeg|webp|gif)$/i.test(loadingImage)
+        ? `url(${loadingImage})`
+        : loadingImage;
 
     const injectedStyles = `.lazyload-outer-wrap .caption{
     width: 100%;

package/source/linen-theme/css/_mediaquery.scss

@@ -10,6 +10,8 @@
   }
   .nav-header.is-post {
     position: fixed;
+    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
+    will-change: transform;
   }
   .nav-header.is-post.hide {
     transform: translateY(-100%);

package/source/linen-theme/css/linen.scss

@@ -239,8 +239,6 @@ body {
   background-color: #fff;
   // backdrop-filter: saturate(180%) blur(20px);
   transform: translateY(0);
-  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
-  will-change: transform;
   z-index: 9;
   position: relative;
   top: 0;
@@ -369,7 +367,7 @@ body {
     }
   }
   &.hide {
-    transform: translateY(-100%);
+    transform: translateY(0);
   }
 }
 

package/source/linen-theme/js/hdr.js

@@ -52,7 +52,7 @@ function switchHDR() {
           } else {
             var hrefAttr = link.getAttribute("href");
             if (hrefAttr && hrefAttr.includes(SDRPath)) {
-              link.setAttribute("href", HDRPath);
+              link.setAttribute("href", hrefAttr.replace(SDRPath, HDRPath));
             }
           }
         } else {
@@ -61,7 +61,7 @@ function switchHDR() {
           } else {
             var hrefAttr = link.getAttribute("href");
             if (hrefAttr && hrefAttr.includes(HDRPath)) {
-              link.setAttribute("href", SDRPath);
+              link.setAttribute("href", hrefAttr.replace(HDRPath, SDRPath));
             }
           }
         }

package/source/linen-theme/js/linen.js

@@ -5,6 +5,7 @@ var isAnchoring = false;
 var anchoringId = null;
 var anchoringTimer = null;
 function triggerAnchoring() {
+  if (window.innerWidth > 1280) return;
   isAnchoring = true;
   var header = document.querySelector(".nav-header");
   if (header) {
@@ -13,6 +14,12 @@ function triggerAnchoring() {
   clearTimeout(anchoringTimer);
   anchoringTimer = setTimeout(function () {
     isAnchoring = false;
+    if (window.scrollY <= 60) {
+      var header = document.querySelector(".nav-header");
+      if (header) {
+        header.classList.remove("hide");
+      }
+    }
   }, 800);
 }
 
@@ -147,30 +154,27 @@ function isElementInViewport(el) {
 }
 
 function copyToClipboard(text) {
-  if (navigator.clipboard) {
-    copyToClipboard = function () {
-      navigator.clipboard
-        .writeText(text)
-        .then(() => {})
-        .catch((err) => {
-          console.error("复制失败:", err);
-        });
-    };
-  } else {
-    copyToClipboard = function () {
-      const textArea = document.createElement("textarea");
-      textArea.value = text;
-      document.body.appendChild(textArea);
-      textArea.select();
-      try {
-        document.execCommand("copy");
-      } catch (err) {
+  if (navigator.clipboard && window.isSecureContext) {
+    navigator.clipboard
+      .writeText(text)
+      .then(() => {})
+      .catch((err) => {
         console.error("复制失败:", err);
-      }
-      document.body.removeChild(textArea);
-    };
+      });
+  } else {
+    const textArea = document.createElement("textarea");
+    textArea.value = text;
+    textArea.style.position = "fixed";
+    textArea.style.opacity = "0";
+    document.body.appendChild(textArea);
+    textArea.select();
+    try {
+      document.execCommand("copy");
+    } catch (err) {
+      console.error("复制失败:", err);
+    }
+    document.body.removeChild(textArea);
   }
-  copyToClipboard(text);
 }
 
 function highlightAnchor(hash, highlightClass = "anchor-highlight") {
@@ -278,20 +282,28 @@ function onScroll() {
     typeof loadGitalk !== "undefined" && loadGitalk();
   }
 
-  if (isAnchoring) {
-    header.classList.add("hide");
-    previousScrollY = currentScrollY;
-    return;
+  var isMobilePost =
+    window.innerWidth <= 1280 && header.classList.contains("is-post");
+
+  // PC 端没有 header 隐藏逻辑，确保无 hide 类
+  if (!isMobilePost && header.classList.contains("hide")) {
+    header.classList.remove("hide");
   }
 
   // 接近顶部时（<= 60px），强制展开并退出，消除 iOS/Mac 橡皮筋回弹误判与闪烁
   if (currentScrollY <= 60) {
-    header.classList.remove("hide");
+    if (isMobilePost) header.classList.remove("hide");
     if (backToTop) backToTop.classList.remove("visible");
     previousScrollY = currentScrollY;
     return;
   }
 
+  if (isMobilePost && isAnchoring) {
+    header.classList.add("hide");
+    previousScrollY = currentScrollY;
+    return;
+  }
+
   var scrollDelta = currentScrollY - previousScrollY;
   // 滤除手指微小抖动
   if (Math.abs(scrollDelta) < 8) {
@@ -300,7 +312,7 @@ function onScroll() {
 
   if (scrollDelta < 0) {
     // 向上滑动：即刻平滑展开导航栏
-    if (!document.querySelector(".pswp--open")) {
+    if (isMobilePost && !document.querySelector(".pswp--open")) {
       header.classList.remove("hide");
     }
     if (backToTop && currentScrollY >= triggerHeight) {
@@ -309,7 +321,7 @@ function onScroll() {
   } else {
     // 向下滑动：离开顶部 60% 视口后平滑收起导航栏
     if (backToTop) backToTop.classList.remove("visible");
-    if (currentScrollY > window.innerHeight * 0.6) {
+    if (isMobilePost && currentScrollY > window.innerHeight * 0.6) {
       header.classList.add("hide");
     }
   }
@@ -340,6 +352,11 @@ window.addEventListener("resize", function () {
   body.classList.add("resizing");
   viewportWidth = window.innerWidth;
 
+  if (window.innerWidth > 1280) {
+    const header = document.querySelector(".nav-header");
+    if (header) header.classList.remove("hide");
+  }
+
   clearTimeout(resizeTimer);
   resizeTimer = setTimeout(function () {
     body.classList.remove("resizing");
@@ -448,23 +465,46 @@ function handleClick(e) {
         maskElement.classList.remove("visible");
         setBodyScrollLocked(false);
       }
-      if (targetId === "to-page-top") {
+      const firstTocLink = tocElement
+        ? tocElement.querySelector(".toc-item-link")
+        : null;
+      const isFirstToc =
+        target === firstTocLink ||
+        target.closest(".toc-item-link") === firstTocLink;
+
+      if (targetId === "to-page-top" || targetId === "page-top") {
         window.scrollTo({
           top: 0,
           left: 0,
           behavior: "instant",
         });
+        isAnchoring = false;
+        clearTimeout(anchoringTimer);
+        var header = document.querySelector(".nav-header");
+        if (header) {
+          header.classList.remove("hide");
+        }
       } else {
         anchor &&
           anchor.scrollIntoView({
             behavior: "instant",
             block: "start",
           });
-        triggerAnchoring();
+        if (isFirstToc) {
+          isAnchoring = false;
+          clearTimeout(anchoringTimer);
+          var header = document.querySelector(".nav-header");
+          if (header) {
+            header.classList.remove("hide");
+          }
+        } else {
+          triggerAnchoring();
+        }
       }
       highlightAnchor(targetId);
       if (
         target.className?.includes("toc-item-link") &&
+        anchor &&
         isElementInViewport(anchor)
       ) {
         anchoringId = anchor.id;
@@ -548,24 +588,27 @@ function handleClick(e) {
   }
 }
 
+var isClickHandlerBound = false;
 function bindClickHandler() {
+  if (isClickHandlerBound) return;
   document.addEventListener("click", handleClick, true);
+  isClickHandlerBound = true;
 }
 
 window.addEventListener("load", bindClickHandler);
-window.addEventListener("pageshow", (e) => {
-  requestAnimationFrame(() => {
-    bindClickHandler();
-  });
+window.addEventListener("pageshow", () => {
+  bindClickHandler();
 });
 
 function initAgeWarning() {
   const ageWarningElement = document.getElementById("post-age-warning");
   if (!ageWarningElement) return;
-  const dateStr = document
-    .querySelector("#post .post-meta .date")
-    .getAttribute("datetime");
+  const dateElement = document.querySelector("#post .post-meta .date");
+  const dateStr = dateElement ? dateElement.getAttribute("datetime") : null;
+  if (!dateStr) return;
+
   const postDate = new Date(dateStr);
+  if (isNaN(postDate.getTime())) return;
   const now = new Date();
 
   const diffTime = now - postDate;
@@ -578,7 +621,7 @@ function initAgeWarning() {
     }
   } else {
     if (ageWarningElement) {
-      ageWarningElement.style = "display: none";
+      ageWarningElement.style.display = "none";
     }
   }
   return diffDays;

package/source/linen-theme/js/replace-emoji.js

@@ -1,4 +1,5 @@
 function replaceEmojis() {
+  if (!document.body) return;
   const replacements = [{ emoji: "✅", className: "custom-checked-checkbox" }];
 
   replacements.forEach(({ emoji, className }) => {
@@ -7,9 +8,16 @@ function replaceEmojis() {
       NodeFilter.SHOW_TEXT,
       {
         acceptNode(node) {
-          return node.nodeValue.includes(emoji)
-            ? NodeFilter.FILTER_ACCEPT
-            : NodeFilter.FILTER_REJECT;
+          if (!node.nodeValue || !node.nodeValue.includes(emoji)) {
+            return NodeFilter.FILTER_REJECT;
+          }
+          if (
+            node.parentElement &&
+            node.parentElement.closest("pre, code, textarea, script, style")
+          ) {
+            return NodeFilter.FILTER_REJECT;
+          }
+          return NodeFilter.FILTER_ACCEPT;
         },
       },
     );