hexo-theme-linen 1.0.18 → 1.0.20

package/layout/post.ejs

@@ -207,6 +207,7 @@ const seriesInfo = getSeriesInfo(page?.series);
         distractionFreeMode: false,
         proxy: "<%=theme.comment.proxy%>",
         language: pageLanguage,
+        pagerDirection: "<%=theme.comment.pager_direction ?? 'last'%>"
       });
 
       gitalk.render("gitalk-container");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-linen",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "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

@@ -2531,3 +2531,19 @@ 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;
+  }
+}

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>