hexo-theme-gnix 11.0.0 → 13.0.0

package/README.md

@@ -60,5 +60,7 @@ Support multiple light and dark themes:
 - [ppoffice/hexo-theme-icarus: A simple, delicate, and modern theme for the static site generator Hexo.](https://github.com/ppoffice/hexo-theme-icarus)
 - [D0n9X1n/hexo-blog-encrypt: Yet, just another hexo plugin for security.](https://github.com/D0n9X1n/hexo-blog-encrypt)
 - [hexojs/hexo-generator-feed: Feed generator for Hexo.](https://github.com/hexojs/hexo-generator-feed)
+- [hexojs/hexo-generator-sitemap: Sitemap generator for Hexo.](https://github.com/hexojs/hexo-generator-sitemap)
 - [hexojs/hexo-generator-tag: Tag generator for Hexo.](https://github.com/hexojs/hexo-generator-tag)
 - [hexojs/hexo-generator-archive: Archive generator for Hexo.](https://github.com/hexojs/hexo-generator-archive)
+- [ebullient/markdown-it-obsidian-callouts: markdown-it plugin for GitHub and Obsidian callouts.](https://github.com/ebullient/markdown-it-obsidian-callouts?tab=Apache-2.0-1-ov-file)

package/include/hexo/i18n.js

@@ -13,8 +13,18 @@ const {
   trimSlashes,
 } = require("../util/i18n");
 
+let cachedConfig = null;
+let cachedHexo = null;
+
 function getConfig(hexo, locals = {}) {
-  return Object.assign({}, hexo.config, hexo.config.theme_config, hexo.theme.config, locals.theme);
+  if (hexo !== cachedHexo || !cachedConfig) {
+    cachedHexo = hexo;
+    cachedConfig = Object.assign({}, hexo.config, hexo.config.theme_config, hexo.theme.config);
+  }
+  if (locals.theme) {
+    return Object.assign({}, cachedConfig, locals.theme);
+  }
+  return cachedConfig;
 }
 
 function getLocalizedPostParams(hexo, sourcePath) {

package/include/hexo/obsidian-callouts.js

@@ -0,0 +1,210 @@
+// Adapted from markdown-it-obsidian-callouts (Apache-2.0, (c) Erin Schnabel)
+// https://github.com/ebullient/markdown-it-obsidian-callouts
+
+const DEFAULT_ICONS = {
+  abstract: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-list"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>',
+  bug: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bug"><path d="m8 2 1.88 1.88"/><path d="M14.12 3.88 16 2"/><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"/><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"/><path d="M12 20v-9"/><path d="M6.53 9C4.6 8.8 3 7.1 3 5"/><path d="M6 13H2"/><path d="M3 21c0-2.1 1.7-3.9 3.8-4"/><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"/><path d="M22 13h-4"/><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"/></svg>',
+  danger: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>',
+  example: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list"><line x1="8" x2="21" y1="6" y2="6"/><line x1="8" x2="21" y1="12" y2="12"/><line x1="8" x2="21" y1="18" y2="18"/><line x1="3" x2="3.01" y1="6" y2="6"/><line x1="3" x2="3.01" y1="12" y2="12"/><line x1="3" x2="3.01" y1="18" y2="18"/></svg>',
+  failure: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>',
+  info: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>',
+  note: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>',
+  question: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-help-circle"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>',
+  quote: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"/></svg>',
+  success: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><path d="M20 6 9 17l-5-5"/></svg>',
+  tip: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>',
+  todo: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-circle-2"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>',
+  warning: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-alert-triangle"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>',
+};
+
+DEFAULT_ICONS.attention = DEFAULT_ICONS.warning;
+DEFAULT_ICONS.caution = DEFAULT_ICONS.warning;
+DEFAULT_ICONS.check = DEFAULT_ICONS.success;
+DEFAULT_ICONS.cite = DEFAULT_ICONS.quote;
+DEFAULT_ICONS.done = DEFAULT_ICONS.success;
+DEFAULT_ICONS.error = DEFAULT_ICONS.danger;
+DEFAULT_ICONS.fail = DEFAULT_ICONS.failure;
+DEFAULT_ICONS.faq = DEFAULT_ICONS.question;
+DEFAULT_ICONS.help = DEFAULT_ICONS.question;
+DEFAULT_ICONS.hint = DEFAULT_ICONS.tip;
+DEFAULT_ICONS.important = DEFAULT_ICONS.tip;
+DEFAULT_ICONS.missing = DEFAULT_ICONS.failure;
+DEFAULT_ICONS.summary = DEFAULT_ICONS.abstract;
+DEFAULT_ICONS.tldr = DEFAULT_ICONS.abstract;
+
+const CALLOUT_RE = /^\[!([^\]]+)\](\+|-|) *(.*)? */;
+const ADMONITION_RE = /^ad-([^\s]+) */;
+const ADMONITION_HEADER_RE = /^(title|collapse|icon|color):(.*)/;
+const HEADER_TO_ATTR = {
+  title: "data-callout-title",
+  icon: "data-callout-icon",
+  color: "data-callout-color",
+};
+
+function resolveIcon(token, options) {
+  const explicit = token.attrGet("data-callout-icon");
+  if (explicit) return explicit.trim();
+  const type = token.attrGet("data-callout");
+  if (!type) return "";
+  return options.icons?.[type] || DEFAULT_ICONS[type] || DEFAULT_ICONS.note;
+}
+
+function toTitleCase(str) {
+  return str
+    .split(" ")
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join(" ");
+}
+
+async function resolveTitle(token, md) {
+  const title = token.attrGet("data-callout-title");
+  if (title) return md.renderInlineAsync(title.trim());
+  const type = token.attrGet("data-callout");
+  return type ? toTitleCase(type) : "";
+}
+
+function escapeAttr(str) {
+  return String(str).replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+
+function colorStyle(token) {
+  const color = token.attrGet("data-callout-color");
+  return color ? ` style="--callout-color: ${escapeAttr(color)}"` : "";
+}
+
+async function renderCalloutPrefix(token, md, options) {
+  const type = token.attrGet("data-callout");
+  if (!type) return "";
+  const fold = token.attrGet("data-callout-fold");
+  const icon = resolveIcon(token, options);
+  const title = await resolveTitle(token, md);
+  const style = colorStyle(token);
+
+  if (fold) {
+    return `
+<details class="callout" data-callout="${type}" data-callout-fold="${fold}"${fold === "+" ? " open" : ""}${style}>
+<summary class="callout-title">
+<div class="callout-title-icon">
+${icon}
+</div>
+<div class="callout-title-inner">${title}</div>
+<div class="callout-fold"></div>
+</summary>
+<div class="callout-content">`;
+  }
+
+  return `
+<div class="callout" data-callout="${type}"${style}>
+<div class="callout-title">
+<div class="callout-title-icon">
+${icon}
+</div>
+<div class="callout-title-inner">${title}</div>
+</div>
+<div class="callout-content">`;
+}
+
+function renderCalloutPostfix(token) {
+  const type = token.attrGet("data-callout");
+  if (!type) return "";
+  const fold = token.attrGet("data-callout-fold");
+  return fold ? "</div></details>" : "</div></div>";
+}
+
+function inspectBlockquote(tokens, startIdx) {
+  let content = "";
+  let depth = 0;
+  let endIdx = startIdx;
+  let contentIdx = startIdx;
+
+  for (let i = startIdx; i < tokens.length; i++) {
+    const token = tokens[i];
+
+    if (token.type === "blockquote_open") depth++;
+    else if (token.type === "blockquote_close") {
+      endIdx = i;
+      depth--;
+    }
+
+    if (depth === 0) break;
+    if (depth > 1) continue;
+
+    if (token.type === "inline") {
+      if (contentIdx === startIdx && token.content.match(CALLOUT_RE)) {
+        contentIdx = i;
+      }
+      content += token.content;
+    } else if (token.type === "paragraph_close") {
+      content += "\n";
+    }
+  }
+
+  const match = content.match(CALLOUT_RE);
+  if (!match || startIdx === endIdx) return;
+
+  const type = match[1].toLowerCase();
+  const fold = match[2];
+  const title = match[3];
+
+  tokens[startIdx].type = "callout_open";
+  tokens[startIdx].attrPush(["class", "callout"]);
+  tokens[startIdx].attrPush(["data-callout", type]);
+  tokens[startIdx].attrPush(["data-callout-fold", fold]);
+  if (title) tokens[startIdx].attrPush(["data-callout-title", title]);
+
+  tokens[endIdx].type = "callout_close";
+  tokens[endIdx].attrPush(["data-callout", type]);
+  tokens[endIdx].attrPush(["data-callout-fold", fold]);
+
+  if (contentIdx !== startIdx && tokens[contentIdx]?.children) {
+    tokens[contentIdx].content = tokens[contentIdx].content.replace(CALLOUT_RE, "").trim();
+  }
+}
+
+function inspectFence(tokens, startIdx, options) {
+  const token = tokens[startIdx];
+  if (!token.info) return;
+
+  const match = token.info.replace(options.langPrefix || "", "").match(ADMONITION_RE);
+  if (!match) return;
+
+  token.type = "admonition_block";
+  token.attrPush(["class", "callout"]);
+  token.attrPush(["data-callout", match[1].toLowerCase()]);
+
+  let lines = token.content.split("\n");
+  while (lines.length > 0 && ADMONITION_HEADER_RE.test(lines[0])) {
+    const headerMatch = lines[0].match(ADMONITION_HEADER_RE);
+    if (!headerMatch) break;
+    const attrName = HEADER_TO_ATTR[headerMatch[1].trim().toLowerCase()];
+    if (attrName) token.attrPush([attrName, headerMatch[2].trim()]);
+    lines = lines.slice(1);
+  }
+
+  token.content = lines.join("\n");
+}
+
+function obsidianCallouts(md, options = {}) {
+  md.core.ruler.after("block", "obsidian-callouts", (state) => {
+    const tokens = state.tokens;
+    for (let i = 0; i < tokens.length; i++) {
+      const token = tokens[i];
+      if (token.type === "blockquote_open") inspectBlockquote(tokens, i);
+      if (token.type === "fence") inspectFence(tokens, i, options);
+    }
+  });
+
+  md.renderer.rules.callout_open = async (tokens, idx) => renderCalloutPrefix(tokens[idx], md, options);
+
+  md.renderer.rules.admonition_block = async (tokens, idx) => {
+    const token = tokens[idx];
+    const prefix = await renderCalloutPrefix(token, md, options);
+    const body = await md.renderAsync(token.content);
+    return `${prefix}${body}\n</div>\n</div>`;
+  };
+
+  md.renderer.rules.callout_close = (tokens, idx) => renderCalloutPostfix(tokens[idx]);
+}
+
+module.exports = obsidianCallouts;
+module.exports.DEFAULT_ICONS = DEFAULT_ICONS;

package/include/hexo/renderer.js

@@ -1,22 +1,211 @@
 const path = require("node:path");
-const { tab } = require("@mdit/plugin-tab");
 const { createMarkdownExit } = require("markdown-exit");
 const mermaidDiagram = require("markdown-exit-mermaid");
 const ratex = require("markdown-exit-ratex");
-const code = require("markdown-exit-shiki");
-const abbr = require("markdown-it-abbr");
+const code = require("./shiki");
+const obsidianCallouts = require("./obsidian-callouts");
 const anchor = require("markdown-it-anchor");
 const footnote = require("markdown-it-footnote");
-const ins = require("markdown-it-ins");
 const mark = require("markdown-it-mark");
-const sub = require("markdown-it-sub");
-const sup = require("markdown-it-sup");
 const taskLists = require("markdown-it-task-lists");
 
 function resolveDefault(module) {
   return module && typeof module === "object" && "default" in module ? module.default : module;
 }
 
+function wrapMarkdownItTable(md, options = {}) {
+  const { figureClass = "table-wrapper", tableClass = "" } = options;
+
+  const defaultTableOpen = md.renderer.rules.table_open || ((tokens, idx, opts, _env, self) => self.renderToken(tokens, idx, opts));
+
+  const defaultTableClose = md.renderer.rules.table_close || ((tokens, idx, opts, _env, self) => self.renderToken(tokens, idx, opts));
+
+  md.renderer.rules.table_open = (tokens, idx, opts, env, self) => {
+    if (tableClass) {
+      tokens[idx].attrJoin("class", tableClass);
+    }
+
+    return `<figure class="${figureClass}">\n${defaultTableOpen(tokens, idx, opts, env, self)}`;
+  };
+
+  md.renderer.rules.table_close = (tokens, idx, opts, env, self) => {
+    return `${defaultTableClose(tokens, idx, opts, env, self)}\n</figure>`;
+  };
+
+  return md;
+}
+
+function parseTabsMarker(state, line, name) {
+  let pos = state.bMarks[line] + state.tShift[line];
+  const max = state.eMarks[line];
+
+  if (state.src.charCodeAt(pos) !== 0x3a /* : */) return false;
+
+  let markerCount = 0;
+  while (pos + markerCount < max && state.src.charCodeAt(pos + markerCount) === 0x3a) markerCount++;
+  if (markerCount < 3) return false;
+
+  pos = state.skipSpaces(pos + markerCount);
+  if (state.src.slice(pos, pos + name.length) !== name) return false;
+
+  pos += name.length;
+  if (pos < max && !state.md.utils.isSpace(state.src.charCodeAt(pos))) return false;
+
+  pos = state.skipSpaces(pos);
+  const id = pos < max && state.src.charCodeAt(pos) === 0x23 /* # */ ? state.src.slice(state.skipSpaces(pos + 1), max).trim() : "";
+
+  return { marker: ":".repeat(markerCount), id };
+}
+
+function parseTabMarker(state, line) {
+  let pos = state.bMarks[line] + state.tShift[line];
+  const max = state.eMarks[line];
+  const marker = "@tab";
+  const activeMarker = "@tab:active";
+
+  if (state.src.charCodeAt(pos) !== 0x40 /* @ */) return false;
+
+  let active = false;
+  if (state.src.slice(pos, pos + activeMarker.length) === activeMarker) {
+    active = true;
+    pos += activeMarker.length;
+  } else if (state.src.slice(pos, pos + marker.length) === marker) {
+    pos += marker.length;
+  } else {
+    return false;
+  }
+
+  const titleStart = state.skipSpaces(pos);
+  if (titleStart === pos || titleStart >= max) return false;
+
+  const rawTitle = state.src.slice(titleStart, max).trim();
+  const match = /^(.*?)(?:\s+#([A-Za-z0-9_-]+))?$/.exec(rawTitle);
+  const title = (match?.[1] || rawTitle).trim();
+  const id = match?.[2] || "";
+
+  return { active, title, id };
+}
+
+function customTabs(md, options = {}) {
+  const name = options.name || "tabs";
+
+  md.block.ruler.before(
+    "fence",
+    `${name}_container`,
+    (state, startLine, endLine, silent) => {
+      const marker = parseTabsMarker(state, startLine, name);
+      if (!marker) return false;
+      if (silent) return true;
+
+      const startIndent = state.sCount[startLine];
+      let nextLine = startLine + 1;
+      let autoClosed = false;
+
+      for (; nextLine < endLine; nextLine++) {
+        const pos = state.bMarks[nextLine] + state.tShift[nextLine];
+        const max = state.eMarks[nextLine];
+
+        if (state.sCount[nextLine] < startIndent) break;
+        if (state.sCount[nextLine] === startIndent && state.src.charCodeAt(pos) === 0x3a /* : */) {
+          let closePos = pos;
+          while (closePos < max && state.src.charCodeAt(closePos) === 0x3a) closePos++;
+          if (closePos - pos >= marker.marker.length && state.skipSpaces(closePos) >= max) {
+            autoClosed = true;
+            break;
+          }
+        }
+      }
+
+      const oldParent = state.parentType;
+      const oldLineMax = state.lineMax;
+      const oldBlkIndent = state.blkIndent;
+      const oldInTabs = state.env.__gnixInTabs;
+
+      const open = state.push("gnix_tabs_open", "", 1);
+      open.block = true;
+      open.markup = marker.marker;
+      open.meta = { id: marker.id };
+      open.map = [startLine, nextLine];
+
+      state.parentType = `${name}_container`;
+      state.lineMax = nextLine;
+      state.blkIndent = startIndent;
+      state.env.__gnixInTabs = true;
+      state.md.block.tokenize(state, startLine + 1, nextLine);
+      state.env.__gnixInTabs = oldInTabs;
+      state.parentType = oldParent;
+      state.lineMax = oldLineMax;
+      state.blkIndent = oldBlkIndent;
+
+      const close = state.push("gnix_tabs_close", "", -1);
+      close.block = true;
+      close.markup = marker.marker;
+
+      state.line = nextLine + (autoClosed ? 1 : 0);
+      return true;
+    },
+    { alt: ["paragraph", "reference", "blockquote", "list"] },
+  );
+
+  md.block.ruler.before(
+    "paragraph",
+    `${name}_tab`,
+    (state, startLine, endLine, silent) => {
+      if (!state.env.__gnixInTabs) return false;
+
+      const marker = parseTabMarker(state, startLine);
+      if (!marker) return false;
+      if (silent) return true;
+
+      const startIndent = state.sCount[startLine];
+      let nextLine = startLine + 1;
+
+      for (; nextLine < endLine; nextLine++) {
+        const pos = state.bMarks[nextLine] + state.tShift[nextLine];
+        if (state.sCount[nextLine] === startIndent && state.src.charCodeAt(pos) === 0x40 /* @ */ && parseTabMarker(state, nextLine)) break;
+      }
+
+      const oldParent = state.parentType;
+      const oldLineMax = state.lineMax;
+      const oldBlkIndent = state.blkIndent;
+
+      const open = state.push("gnix_tab_open", "", 1);
+      open.block = true;
+      open.markup = "@tab";
+      open.meta = marker;
+      open.map = [startLine, nextLine];
+
+      state.parentType = "tab";
+      state.lineMax = nextLine;
+      state.blkIndent = startIndent;
+      state.md.block.tokenize(state, startLine + 1, nextLine);
+      state.parentType = oldParent;
+      state.lineMax = oldLineMax;
+      state.blkIndent = oldBlkIndent;
+
+      const close = state.push("gnix_tab_close", "", -1);
+      close.block = true;
+
+      state.line = nextLine;
+      return true;
+    },
+    { alt: ["paragraph", "reference", "blockquote", "list"] },
+  );
+
+  md.renderer.rules.gnix_tabs_open = (tokens, idx) => {
+    const { id } = tokens[idx].meta || {};
+    return `<x-tabs${id ? ` group-id="${md.utils.escapeHtml(id)}"` : ""}>\n`;
+  };
+  md.renderer.rules.gnix_tabs_close = () => "</x-tabs>\n";
+  md.renderer.rules.gnix_tab_open = (tokens, idx) => {
+    const { title = "Tab", id = "", active = false } = tokens[idx].meta || {};
+    return `<x-tab title="${md.utils.escapeHtml(title)}"${id ? ` sync-id="${md.utils.escapeHtml(id)}"` : ""}${active ? " active" : ""}>\n`;
+  };
+  md.renderer.rules.gnix_tab_close = () => "</x-tab>\n";
+
+  return md;
+}
+
 class MarkdownRenderer {
   constructor(hexo) {
     this.hexo = hexo;
@@ -30,11 +219,7 @@ class MarkdownRenderer {
         typographer: true,
         xhtmlOut: false,
       },
-      code_options: {
-        themes: {
-          light: "catppuccin-latte",
-        },
-      },
+      
       mermaid_options: {
         theme: "default",
       },
@@ -51,15 +236,13 @@ class MarkdownRenderer {
       this.md
         .use(resolveDefault(footnote))
         .use(resolveDefault(mark))
-        .use(resolveDefault(sub))
-        .use(resolveDefault(sup))
-        .use(resolveDefault(abbr))
-        .use(resolveDefault(ins))
         .use(resolveDefault(taskLists))
         .use(resolveDefault(code), this.config.code_options)
         .use(resolveDefault(mermaidDiagram), this.config.mermaid_options)
         .use(resolveDefault(ratex), this.config.ratex_options)
-        .use(tab)
+        .use(obsidianCallouts, this.config.callout_options)
+        .use(customTabs)
+        .use(wrapMarkdownItTable)
         .use(resolveDefault(anchor), {
           permalink: resolveDefault(anchor).permalink.headerLink(),
         });