hexo-theme-linen 1.0.21 → 1.0.23

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

@@ -3,6 +3,18 @@ var isResizing = false;
 var viewportWidth = window.innerWidth;
 var isAnchoring = false;
 var anchoringId = null;
+var anchoringTimer = null;
+function triggerAnchoring() {
+  isAnchoring = true;
+  var header = document.querySelector(".nav-header");
+  if (header) {
+    header.classList.add("hide");
+  }
+  clearTimeout(anchoringTimer);
+  anchoringTimer = setTimeout(function () {
+    isAnchoring = false;
+  }, 800);
+}
 
 (function addUAClass() {
   const isIOS = /iPhone/.test(window.navigator.userAgent);
@@ -161,30 +173,14 @@ function copyToClipboard(text) {
   copyToClipboard(text);
 }
 
-function highlightAnchor(
-  hash,
-  highlightClass = "anchor-highlight",
-  element = null,
-) {
-  if (element) {
-    element.classList.remove(highlightClass);
-    void element.offsetWidth;
-    element.classList.add(highlightClass);
-    setTimeout(() => {
-      element.classList.remove(highlightClass);
-    }, 4000);
-  } else {
-    if (!hash) return;
-    const id = hash.replace(/^#/, "");
-    const el = document.getElementById(id);
-    if (el) {
-      el.classList.remove(highlightClass);
-      void el.offsetWidth;
-      el.classList.add(highlightClass);
-      setTimeout(() => {
-      el.classList.remove(highlightClass);
-    }, 4000);
-    }
+function highlightAnchor(hash, highlightClass = "anchor-highlight") {
+  if (!hash) return;
+  const id = hash.replace(/^#/, "");
+  const el = document.getElementById(id);
+  if (el) {
+    el.classList.remove(highlightClass);
+    void el.offsetWidth;
+    el.classList.add(highlightClass);
   }
 }
 
@@ -192,6 +188,7 @@ function initAnchorHighlighter({
   highlightClass = "anchor-highlight",
   duration = 2000,
 } = {}) {
+  // 动态注入高亮样式
   if (!document.getElementById("anchor-highlight-style")) {
     const style = document.createElement("style");
     style.id = "anchor-highlight-style";
@@ -218,55 +215,117 @@ initAnchorHighlighter({
   duration: 4000,
 });
 
+function initImageGridSwitchers() {
+  var switchers = document.querySelectorAll(".image-grid.switcher");
+  for (var i = 0; i < switchers.length; i++) {
+    (function (switcher) {
+      var items = switcher.querySelectorAll(".grid-item");
+      var buttons = switcher.querySelectorAll(".image-grid-switcher-button");
+      var controls = switcher.querySelector(".image-grid-switcher-controls");
+
+      if (controls) {
+        if (!controls.style.getPropertyValue("--switcher-item-count")) {
+          controls.style.setProperty("--switcher-item-count", buttons.length);
+        }
+        controls.style.setProperty("--switcher-active-index", 0);
+        controls.classList.add("is-ready");
+      }
+
+      var setActiveItem = function (activeIndex) {
+        if (controls) {
+          controls.style.setProperty("--switcher-active-index", activeIndex);
+        }
+
+        for (var index = 0; index < items.length; index++) {
+          var isActive = index === activeIndex;
+          items[index].classList.toggle("active", isActive);
+          items[index].setAttribute("aria-hidden", isActive ? "false" : "true");
+
+          if (buttons[index]) {
+            buttons[index].classList.toggle("active", isActive);
+            buttons[index].setAttribute("aria-selected", isActive ? "true" : "false");
+          }
+        }
+      };
+
+      for (var index = 0; index < buttons.length; index++) {
+        (function (buttonIndex) {
+          buttons[buttonIndex].addEventListener("click", function () {
+            setActiveItem(buttonIndex);
+          });
+        })(index);
+      }
+    })(switchers[i]);
+  }
+}
+
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", initImageGridSwitchers);
+} else {
+  initImageGridSwitchers();
+}
+
 function onScroll() {
   var backToTop = document.querySelector("#back-to-top");
   var header = document.querySelector(".nav-header");
+  if (!header) return;
+
+  var currentScrollY = window.scrollY;
   var triggerHeight = window.innerHeight * 1.5;
-  if (!window.$gitalkInitiated && previousScrollY > window.innerHeight) {
+
+  if (!window.$gitalkInitiated && currentScrollY > window.innerHeight) {
     typeof loadGitalk !== "undefined" && loadGitalk();
   }
-  if (window.scrollY < previousScrollY) {
+
+  if (isAnchoring) {
+    header.classList.add("hide");
+    previousScrollY = currentScrollY;
+    return;
+  }
+
+  if (currentScrollY <= 10) {
+    header.classList.remove("hide");
+    previousScrollY = currentScrollY;
+    return;
+  }
+
+  var scrollDelta = currentScrollY - previousScrollY;
+  if (Math.abs(scrollDelta) < 5) {
+    return;
+  }
+
+  if (scrollDelta < 0) {
     if (!document.querySelector(".pswp--open")) {
       header.classList.remove("hide");
     }
-    if (window.scrollY >= triggerHeight) {
+    if (currentScrollY >= triggerHeight) {
       backToTop.classList.add("visible");
     }
-  } else if (window.scrollY > previousScrollY) {
+  } else {
     backToTop.classList.remove("visible");
-    if (window.scrollY > window.innerHeight * 0.75) {
+    if (currentScrollY > window.innerHeight * 0.75) {
       header.classList.add("hide");
     }
   }
-  if (
-    window.scrollY < window.innerHeight * 0.75 &&
-    window.scrollY < previousScrollY
-  ) {
-    header.classList.remove("hide");
-  }
-  previousScrollY = window.scrollY;
-  if (isAnchoring) {
-    header.classList.add("hide");
-    isAnchoring = false;
-  }
+
+  previousScrollY = currentScrollY;
 }
 
 window.addEventListener("scroll", throttle(onScroll, 300));
 
-window.addEventListener(
-  "resize",
-  debounce(function (e) {
-    const body = document.body;
-    if (!isResizing && window.innerWidth !== viewportWidth) {
-      isResizing = true;
-      viewportWidth = window.innerWidth;
-      body.classList.add("resizing");
-      return;
-    }
-    isResizing = false;
+var resizeTimer = null;
+window.addEventListener("resize", function () {
+  if (window.innerWidth === viewportWidth) return;
+
+  const body = document.body;
+  body.classList.add("resizing");
+  viewportWidth = window.innerWidth;
+
+  clearTimeout(resizeTimer);
+  resizeTimer = setTimeout(function () {
     body.classList.remove("resizing");
-  }, 1000),
-);
+  }, 200);
+});
 
 function onclickPostItem(element) {
   const selection = window.getSelection();
@@ -288,34 +347,6 @@ function handleClick(e) {
     var maskElement = document.getElementById("mask");
     var bodyElement = document.body;
     var donateModal = document.getElementById("donate-modal");
-    if(target?.className === 'footnote-href') {
-      const footNoteDefinitionId = target.getAttribute("href").substring(1);
-      const footNoteDefinitionElement = document.getElementById(footNoteDefinitionId);
-      if (footNoteDefinitionElement) {
-        footNoteDefinitionElement.scrollIntoView({
-          behavior: "smooth",
-          block: "start",
-        });
-        e.preventDefault();
-        highlightAnchor(undefined, undefined, footNoteDefinitionElement);
-        return;
-      }
-    }
-    if (target?.className === "footnote-backref") {
-      const footNoteId = target.getAttribute("href").substring(1);
-      const footNoteTextElements = document.querySelectorAll('.footnote-anchor-wrap');
-      if (footNoteTextElements.length) {
-        footNoteTextElements[0].scrollIntoView({
-          behavior: "smooth",
-          block: "start",
-        });
-        e.preventDefault();
-        Array.prototype.forEach.call(footNoteTextElements, (el) => {
-          highlightAnchor(undefined, undefined, el);
-        })
-        return;
-      }
-    }
     if (/content-switch/.test(target.id)) {
       if (document.body.classList.contains("render-raw")) {
         target.innerText = target.dataset.rawcontentlabel;
@@ -390,7 +421,7 @@ function handleClick(e) {
         window.scrollTo({
           top: 0,
           left: 0,
-          behavior: "smooth",
+          behavior: "instant",
         });
       } else {
         anchor &&
@@ -398,7 +429,7 @@ function handleClick(e) {
             behavior: "instant",
             block: "start",
           });
-        isAnchoring = true;
+        triggerAnchoring();
       }
       highlightAnchor(targetId);
       if (

package/source/linen-theme/js/photoswipe/photoswipe.esm.min.js

@@ -148,6 +148,19 @@ function removeTransitionStyle(el) {
  * @returns {Promise<HTMLImageElement | void>}
  */
 function decodeImage(img) {
+  // Skip decode for HDR images to prevent crashes
+  if (img.src && img.src.includes("/hdr/")) {
+    if (img.complete) {
+      return Promise.resolve(img);
+    }
+    return new Promise((resolve, reject) => {
+      img.onload = () => resolve(img);
+      img.onerror = reject;
+    });
+  }
+  if ("decode" in img) {
+    return img.decode().catch(() => {});
+  }
   if (img.complete) {
     return Promise.resolve(img);
   }

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

@@ -1,7 +1,5 @@
 function replaceEmojis() {
-  const replacements = [
-    { emoji: "✅", className: "custom-checked-checkbox" },
-  ];
+  const replacements = [{ emoji: "✅", className: "custom-checked-checkbox" }];
 
   replacements.forEach(({ emoji, className }) => {
     const walker = document.createTreeWalker(
@@ -13,7 +11,7 @@ function replaceEmojis() {
             ? NodeFilter.FILTER_ACCEPT
             : NodeFilter.FILTER_REJECT;
         },
-      }
+      },
     );
 
     const nodesToReplace = [];

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

@@ -1,10 +1,16 @@
 document.addEventListener("DOMContentLoaded", () => {
+  const tocContainer = document.getElementById("toc");
+  if (!tocContainer) return;
+
   const headers = [...document.querySelectorAll("h2, h3")];
+  if (headers.length === 0) return;
+
   const toc = [];
   let lastH2 = null;
-  let previousToc = [];
   let previousH2Id = null;
   let previousH3Id = null;
+  let lastActiveH2Id = null;
+  let lastActiveH3Id = null;
 
   headers.forEach((header) => {
     const title = header.textContent.trim();
@@ -30,12 +36,13 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   });
 
+  const tocItems = (tocContainer.children[1] && tocContainer.children[1].children) || [];
+
   const observer = new IntersectionObserver(
     (entries) => {
       entries.forEach((entry) => {
         const id = entry.target.id;
         const isVisible = !!entry.intersectionRatio;
-        const isH2 = toc.findIndex((h2) => h2.id === id) !== -1;
         toc.forEach((h2) => {
           if (h2.id === id) {
             h2.visible = isVisible;
@@ -60,6 +67,7 @@ document.addEventListener("DOMContentLoaded", () => {
           }
         });
       });
+
       const activeH2Index = toc.findIndex(
         (tocItem) => tocItem.passiveVisible || tocItem.visible,
       );
@@ -80,147 +88,89 @@ document.addEventListener("DOMContentLoaded", () => {
       });
 
       const activeH2 = toc.find((item) =>
-        typeof anchoringId !== undefined && anchoringId
+        typeof anchoringId !== "undefined" && anchoringId
           ? item.id === anchoringId
           : item.active,
       );
+
+      let targetH2Id = null;
+      let targetH3Id = null;
+
       if (activeH2) {
-        if (isEqual(toc, previousToc) && !anchoringId) {
-          return;
-        } else {
-          previousToc = cloneDeep(toc);
-        }
-        if (activeH2?.children?.every((h3) => !h3?.active)) {
-          previousH3Id = null;
-        }
-        const tocItems =
-          document.getElementById("toc")?.children[1]?.children || [];
-        Array.prototype.forEach.call(tocItems, (tocItem) => {
-          if (tocItem.children[0].dataset.id === activeH2.id) {
-            tocItem.className = "toc-item-wrap active";
-            tocItem.scrollIntoView({
-              block: "nearest",
-              inline: "nearest",
-            });
-          } else {
-            tocItem.className = "toc-item-wrap";
-          }
-          const subItems = tocItem.children[1];
-          const activeH3 = (activeH2.children || []).find(
-            (item) => item.active,
-          );
-          if (subItems) {
-            Array.prototype.forEach.call(
-              subItems?.children || [],
-              (subItem) => {
-                if (subItem.children[0].dataset.id === activeH3?.id) {
-                  subItem.children[0].className = "toc-sub-item-link active";
-                  subItem.children[0].scrollIntoView({
-                    block: "nearest",
-                    inline: "nearest",
-                  });
-                } else {
-                  subItem.children[0].className = "toc-sub-item-link";
-                }
-              },
-            );
-          }
-        });
-        if (anchoringId) {
-          anchoringId = null;
-        }
+        targetH2Id = activeH2.id;
+        const activeH3 = (activeH2.children || []).find((item) => item.active);
+        targetH3Id = activeH3 ? activeH3.id : null;
       } else {
         const isScrollingUp = window.scrollY < previousScrollY;
         if (isScrollingUp) {
-          const previousH2 = toc.find((h2) => h2.id === previousH2Id);
           const previousH2Index = toc.findIndex((h2) => h2.id === previousH2Id);
           const previousH3ParentIndex = toc.findIndex((h2) =>
-            h2?.children?.find((h3) => h3.id === previousH3Id),
+            h2 && h2.children && h2.children.find((h3) => h3.id === previousH3Id),
           );
-          const newToc = cloneDeep(toc);
           let targetH2Index = 0;
           if (!previousH3Id || previousH3ParentIndex > previousH2Index) {
             targetH2Index = previousH2Index - 1;
           } else {
             targetH2Index = previousH3ParentIndex;
           }
-          newToc.forEach((h2, index) => {
-            h2.active = index === targetH2Index;
-          });
-          const newActiveH2 = newToc.find((item) => item.active);
-          if (!newActiveH2) {
-            return;
-          }
-          const tocItems =
-            document.getElementById("toc")?.children[1]?.children || [];
-          Array.prototype.forEach.call(tocItems, (tocItem) => {
-            if (tocItem.children[0].dataset.id === newActiveH2.id) {
-              tocItem.className = "toc-item-wrap active";
-              tocItem.scrollIntoView({
-                block: "nearest",
-                inline: "nearest",
-              });
-            } else {
-              tocItem.className = "toc-item-wrap";
-            }
-            const subItems = tocItem.children[1];
-            let activeH3Index = newActiveH2?.children?.length - 1;
-            if (newActiveH2?.children?.find((h3) => h3.id === previousH3Id)) {
-              const previousH3Index = newActiveH2?.children?.findIndex(
+          const newActiveH2 = toc[targetH2Index];
+          if (newActiveH2) {
+            targetH2Id = newActiveH2.id;
+            let activeH3Index = (newActiveH2.children ? newActiveH2.children.length : 0) - 1;
+            if (newActiveH2.children && newActiveH2.children.find((h3) => h3.id === previousH3Id)) {
+              const previousH3Index = newActiveH2.children.findIndex(
                 (h3) => h3.id === previousH3Id,
               );
               activeH3Index =
                 previousH3Index - 1 > -1 ? previousH3Index - 1 : 0;
             }
-            const activeH3Id = newActiveH2?.children?.[activeH3Index]?.id;
-            if (subItems) {
-              Array.prototype.forEach.call(
-                subItems?.children || [],
-                (subItem) => {
-                  if (subItem.children[0].dataset.id === activeH3Id) {
-                    subItem.children[0].className = "toc-sub-item-link active";
-                    subItem.children[0].scrollIntoView({
-                      block: "nearest",
-                      inline: "nearest",
-                    });
-                  } else {
-                    subItem.children[0].className = "toc-sub-item-link";
-                  }
-                },
-              );
-            }
-          });
+            targetH3Id = (newActiveH2.children && newActiveH2.children[activeH3Index] && newActiveH2.children[activeH3Index].id) || null;
+          }
         } else {
-          const tocItems =
-            document.getElementById("toc")?.children[1]?.children || [];
-          Array.prototype.forEach.call(tocItems, (tocItem) => {
-            if (tocItem.children[0].dataset.id === previousH2Id) {
-              tocItem.className = "toc-item-wrap active";
-              tocItem.scrollIntoView({
-                block: "nearest",
-                inline: "nearest",
-              });
-            } else {
-              tocItem.className = "toc-item-wrap";
-            }
-            const subItems = tocItem.children[1];
-            if (subItems) {
-              Array.prototype.forEach.call(
-                subItems?.children || [],
-                (subItem) => {
-                  if (subItem.children[0].dataset.id === previousH3Id) {
-                    subItem.children[0].className = "toc-sub-item-link active";
-                    subItem.children[0].scrollIntoView({
-                      block: "nearest",
-                      inline: "nearest",
-                    });
-                  } else {
-                    subItem.children[0].className = "toc-sub-item-link";
-                  }
-                },
-              );
-            }
-          });
+          targetH2Id = previousH2Id;
+          targetH3Id = previousH3Id;
+        }
+      }
+
+      if (targetH2Id) {
+        if (lastActiveH2Id === targetH2Id && lastActiveH3Id === targetH3Id && !anchoringId) {
+          return;
+        }
+        lastActiveH2Id = targetH2Id;
+        lastActiveH3Id = targetH3Id;
+
+        if (activeH2 && activeH2.children && activeH2.children.every((h3) => !h3.active)) {
+          previousH3Id = null;
+        }
+
+        Array.from(tocItems).forEach((tocItem) => {
+          if (tocItem.children[0].dataset.id === targetH2Id) {
+            tocItem.className = "toc-item-wrap active";
+            tocItem.scrollIntoView({
+              block: "nearest",
+              inline: "nearest",
+            });
+          } else {
+            tocItem.className = "toc-item-wrap";
+          }
+          const subItems = tocItem.children[1];
+          if (subItems) {
+            Array.from(subItems.children || []).forEach((subItem) => {
+              if (subItem.children[0].dataset.id === targetH3Id) {
+                subItem.children[0].className = "toc-sub-item-link active";
+                subItem.children[0].scrollIntoView({
+                  block: "nearest",
+                  inline: "nearest",
+                });
+              } else {
+                subItem.children[0].className = "toc-sub-item-link";
+              }
+            });
+          }
+        });
+
+        if (anchoringId) {
+          anchoringId = null;
         }
       }
     },

package/layout/partials/footer.ejs

@@ -1,12 +0,0 @@
-<footer id="footer">
-  <div class="footerInner">
-    <div class="footerItems">
-      <!-- <a class="footerItem" href="">About This Blog</a> -->
-      <span class="footerItem"><abbr title="<%=__('common.copyright')%>" style="cursor: help;">©</abbr>&nbsp;<%=date(Date.now(), 'YYYY')+' '+config.author%></span>
-      <span class="footerItem">Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a></span>
-      <% if (theme?.info?.registration) { %>
-      <span class="footerItem"><%=theme.info.registration%></span>
-      <% } %>
-    </div>
-  </div>
-</footer>

package/source/linen-theme/img/icons/backref.svg

@@ -1 +0,0 @@
-<svg t="1776504285799" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4049" width="200" height="200"><path d="M853.312 170.688v384a170.688 170.688 0 0 1-170.624 170.624H294.976L401.664 832l-60.352 60.352-209.664-209.664L341.312 472.96l60.352 60.288L295.04 640h387.712C729.792 640 768 601.792 768 554.688v-384h85.312z" p-id="4050" fill="#0f730c"></path></svg>

package/source/linen-theme/img/icons/more.svg

@@ -1,4 +0,0 @@
-<svg t="1770982352451" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4586" width="200" height="200">
-  <path d="M0 161.422222C7.395556 115.2 50.915556 79.928889 97.991111 85.333333h828.017778c46.364444-5.262222 87.608889 28.444444 97.991111 72.675556v704.426667c-7.395556 46.364444-50.915556 81.635556-98.133333 76.231111H97.991111C51.626667 944.071111 10.24 910.222222 0 865.848889V161.422222m202.524444 296.106667c-41.102222 21.617778-41.102222 87.466667 0.142223 109.084444 39.253333 26.026667 97.848889-7.822222 95.146666-54.613333 2.702222-46.933333-56.035556-80.64-95.288889-54.471111m272.924445 2.844444c-28.16 18.631111-35.697778 61.44-14.933333 88.32 18.915556 28.302222 61.866667 35.555556 88.746666 14.364445 27.875556-18.915556 34.702222-61.582222 13.937778-88.177778-18.773333-27.733333-61.013333-34.844444-87.751111-14.506667m281.6-2.844444c-40.533333 21.475556-40.96 86.471111-0.711111 108.373333 39.111111 27.306667 98.986667-6.684444 96.142222-53.902222 2.702222-46.933333-56.177778-80.924444-95.431111-54.471111z" fill="#F5F5F5" p-id="4587"></path>
-  <path d="M202.524444 457.528889c39.253333-26.168889 97.991111 7.537778 95.288889 54.471111 2.702222 46.791111-55.893333 80.64-95.146666 54.613333-41.244444-21.617778-41.244444-87.466667-0.142223-109.084444zM475.448889 460.373333c26.737778-20.337778 68.977778-13.226667 87.751111 14.506667 20.764444 26.595556 13.937778 69.262222-13.937778 88.177778-26.88 21.191111-69.831111 13.937778-88.746666-14.364445-20.764444-26.88-13.226667-69.688889 14.933333-88.32zM757.048889 457.528889c39.253333-26.453333 98.133333 7.537778 95.431111 54.471111 2.844444 47.217778-57.031111 81.208889-96.142222 53.902222-40.248889-21.902222-39.822222-86.897778 0.711111-108.373333z" fill="#494949" p-id="4588"></path>
-</svg>