hexo-theme-linen 1.0.19 → 1.0.21

package/package.json

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

package/scripts/footnote.js

@@ -0,0 +1,99 @@
+"use strict";
+
+hexo.extend.filter.register("before_post_render", function (data) {
+  let lines = data.content.split("\n");
+
+  const footnotes = {};
+  const refRegex = /\[\^(.+?)\]/g;
+  const defStartRegex = /^\[\^(.+?)\]:\s*(.*)$/;
+
+  let i = 0;
+
+  while (i < lines.length) {
+    const line = lines[i];
+    const defMatch = line.match(defStartRegex);
+
+    if (defMatch) {
+      const id = defMatch[1];
+      const firstLine = defMatch[2] || "";
+      let blocks = [];
+
+      if (firstLine.trim()) {
+        blocks.push(firstLine);
+      }
+
+      i++;
+
+      while (i < lines.length) {
+        const next = lines[i];
+
+        if (defStartRegex.test(next)) break;
+
+        if (/^\s{4,}|\t/.test(next)) {
+          blocks.push(next.replace(/^\s{4}/, ""));
+          i++;
+          continue;
+        }
+
+        if (next.trim() === "") {
+          blocks.push("");
+          i++;
+          continue;
+        }
+
+        break;
+      }
+
+      footnotes[id] = blocks.join("\n");
+      continue;
+    }
+
+    i++;
+  }
+
+  data.content = data.content.replace(
+    /^\[\^(.+?)\]:[\s\S]+?(?=\n\[|\n*$)/gm,
+    "",
+  );
+
+  const refCount = {};
+
+  data.content = data.content.replace(refRegex, (m, id) => {
+    if (!footnotes[id]) return m;
+
+    refCount[id] = (refCount[id] || 0) + 1;
+    const n = refCount[id];
+
+    return `<sup class="footnote-anchor-wrap" id="fnref-${id}-${n}"><a class="footnote-href" href="#fn-${id}">${id}</a></sup>`;
+  });
+
+  const keys = Object.keys(footnotes);
+  if (keys.length > 0) {
+    const list = keys
+      .map((id) => {
+        const html = footnotes[id]
+          .split("\n")
+          .map((p) => (p.trim() ? p : ""))
+          .join("\n");
+
+        const backrefs = Array.from({ length: refCount[id] || 0 }, (_, i) => {
+          const n = i + 1;
+          return `<a href="#fnref-${id}-${n}" class="footnote-backref"></a>`;
+        }).join(" ");
+
+        return `<li id="fn-${id}">${html}${backrefs}</li>`;
+      })
+      .join("\n");
+
+    data.content += `
+<hr class="footnotes-sep">
+<section class="footnotes">
+  <ol>
+    ${list}
+  </ol>
+</section>
+`;
+  }
+
+  return data;
+});

package/scripts/index.js

@@ -5,6 +5,7 @@ require("./custom")(hexo);
 require("./hoverTexts")(hexo);
 require("./helpers/tools")(hexo);
 require("./font-version")(hexo);
+require("./footnote")(hexo);
 require("./appendRawMarkdownContent")(hexo); 
 require("./addCopyButtonToCodeBlocks")(hexo);
 require('./folded-code-block')(hexo);

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

@@ -1675,7 +1675,7 @@ body {
 .series-nav {
   background-color: #f5f5f5;
   width: calc(100% - min(6vw, 30px));
-  margin: $postWidgetGap auto 1em auto;
+  margin: 0 auto 1em auto;
   padding: 1em;
   padding-top: 0.65em;
   border-radius: 2px;
@@ -2141,7 +2141,7 @@ html[lang="zh-CN"] {
 }
 
 #related-posts {
-  @include pageXPadding;
+  padding: 0 $commonPadding;
   border-top: solid 1px #f5f5f5;
   .related-posts-title {
     margin: 1em 0;
@@ -2531,3 +2531,24 @@ ul {
     }
   }
 }
+
+.footnote-anchor-wrap {
+  .footnote-href{
+    color: $green;
+  }
+}
+.footnote-backref{
+  width: 0.8em;
+  height: 0.8em;
+  background-image: url("../img/icons/backref.svg");
+  background-size: contain;
+  display: inline-block;
+  &:not(:first-child) {
+    display: none;
+  }
+}
+.footnotes {
+  ol {
+    padding-left: calc(40px - $commonPadding);
+  }
+}

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

@@ -240,9 +240,7 @@
       }
       .site-info {
         padding: 0;
-        &.home {
-          padding: 0;
-        }
+        padding-bottom: 1rem;
         .author {
           flex-direction: column;
           align-items: center;

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

@@ -86,6 +86,9 @@ $postWidth: max(min(1192px, 68vw), 960px);
 @mixin tags {
   @include defaultFont;
   margin-bottom: -10px;
+  &:last-child {
+    margin-bottom: calc(1rem - 10px);
+  }
   .tag-item {
     background-color: #f5f5f5;
     padding: 4px 7px 4px 6px;

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

@@ -0,0 +1 @@
+<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/js/linen.js

@@ -161,14 +161,30 @@ function copyToClipboard(text) {
   copyToClipboard(text);
 }
 
-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);
+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);
+    }
   }
 }
 
@@ -272,6 +288,34 @@ 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;

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

@@ -148,19 +148,6 @@ function removeTransitionStyle(el) {
  * @returns {Promise<HTMLImageElement | void>}
  */
 function decodeImage(img) {
-  // Skip decode for HDR images to prevent Chrome 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);
   }