@sugarat/theme 0.3.6 → 0.4.1

package/README.md

@@ -42,7 +42,7 @@ pnpm build
 ```sh
 pnpm serve
 ```
-## Advanced Ssage
+## Advanced Usage
 详细配置见文档 https://theme.sugarat.top
 
 ## Thanks

package/node.d.ts

@@ -137,6 +137,10 @@ declare namespace Theme {
         server: string;
     }
     interface HotArticle {
+        /**
+         * 自定义标题，支持SVG + 文字
+         * @default '🔥 精选文章'
+         */
         title?: string;
         pageSize?: number;
         nextText?: string;
@@ -275,6 +279,11 @@ declare namespace Theme {
          * @default "动态计算"
          */
         scrollSpeed?: number;
+        /**
+         * 自定义展示标题，支持SVG + 文字
+         * @default '🤝 友情链接'
+         */
+        title?: string;
     }
     interface UserWork {
         title: string;
@@ -375,7 +384,8 @@ declare namespace Theme {
         mermaid?: any;
         /**
          * 设置解析 frontmatter 里 date 的时区
-         * @default 8 => 'UTC+8'
+         * @default new Date().getTimezoneOffset() / -60
+         * @example 8 => 'UTC+8'
          */
         timeZone?: number;
         /**
@@ -418,7 +428,7 @@ declare namespace Theme {
          * 详见 https://oml2d.com/options/Options.html
          */
         oml2d?: Options;
-        homeTags?: boolean;
+        homeTags?: boolean | HomeTagsConfig;
         buttonAfterArticle?: ButtonAfterArticleConfig | false;
         /**
          * 是否开启深色模式过渡动画
@@ -545,6 +555,13 @@ declare namespace Theme {
          */
         coverPreview?: ReplaceRule | ReplaceRule[];
     }
+    interface HomeTagsConfig {
+        /**
+         * 自定义标题，支持SVG + 文字
+         * @default '🏷 标签'
+         */
+        title?: string;
+    }
 }
 
 /**

package/node.js

@@ -40,7 +40,7 @@ module.exports = __toCommonJS(node_exports);
 // src/utils/node/mdPlugins.ts
 var import_module = require("module");
 
-// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.2.2_@algolia+client-search@4.19.1_@types+node@20.6.3__yypdqxhxkwwat3gkog3hzzeasy/node_modules/vitepress-plugin-tabs/dist/index.js
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.2.3_@algolia+client-search@4.19.1_@types+node@20.6.3__tasys46ln23ubdv2to2chczqqi/node_modules/vitepress-plugin-tabs/dist/index.js
 var tabsMarker = "=tabs";
 var tabsMarkerLen = tabsMarker.length;
 var ruleBlockTabs = (state, startLine, endLine, silent) => {
@@ -214,17 +214,25 @@ function getDefaultTitle(content) {
   const match = content.match(/^(#+)\s+(.+)/m);
   return match?.[2] || "";
 }
+var cache = /* @__PURE__ */ new Map();
 function getFileBirthTime(url) {
-  let date = /* @__PURE__ */ new Date();
-  try {
-    const infoStr = (0, import_node_child_process.spawnSync)("git", ["log", "-1", '--pretty="%ci"', url]).stdout?.toString().replace(/["']/g, "").trim();
-    if (infoStr) {
-      date = new Date(infoStr);
-    }
-  } catch (error) {
-    return date;
-  }
-  return date;
+  const cached = cache.get(url);
+  if (cached) {
+    return cached;
+  }
+  return new Promise((resolve) => {
+    const child = (0, import_node_child_process.spawn)("git", ["log", "-1", '--pretty="%ai"', url]);
+    let output = "";
+    child.stdout.on("data", (d) => output += String(d));
+    child.on("close", () => {
+      const date = new Date(output);
+      cache.set(url, date);
+      resolve(date);
+    });
+    child.on("error", () => {
+      resolve(void 0);
+    });
+  });
 }
 function getTextSummary(text, count = 100) {
   return text?.replace(/^#+\s+.*/, "")?.replace(/#/g, "")?.replace(/!\[.*?\]\(.*?\)/g, "")?.replace(/\[(.*?)\]\(.*?\)/g, "$1")?.replace(/\*\*(.*?)\*\*/g, "$1")?.split("\n")?.filter((v) => !!v)?.join("\n")?.replace(/>(.*)/, "")?.replace(/</g, "&lt;").replace(/>/g, "&gt;")?.trim()?.slice(0, count);
@@ -353,9 +361,113 @@ function patchOptimizeDeps(config) {
 var import_node_fs = __toESM(require("fs"));
 var import_node_path2 = __toESM(require("path"));
 var import_node_process = __toESM(require("process"));
+var import_node_os = __toESM(require("os"));
 var import_fast_glob = __toESM(require("fast-glob"));
 var import_gray_matter = __toESM(require("gray-matter"));
 
+// ../../node_modules/.pnpm/yocto-queue@1.0.0/node_modules/yocto-queue/index.js
+var Node = class {
+  value;
+  next;
+  constructor(value) {
+    this.value = value;
+  }
+};
+var Queue = class {
+  #head;
+  #tail;
+  #size;
+  constructor() {
+    this.clear();
+  }
+  enqueue(value) {
+    const node = new Node(value);
+    if (this.#head) {
+      this.#tail.next = node;
+      this.#tail = node;
+    } else {
+      this.#head = node;
+      this.#tail = node;
+    }
+    this.#size++;
+  }
+  dequeue() {
+    const current = this.#head;
+    if (!current) {
+      return;
+    }
+    this.#head = this.#head.next;
+    this.#size--;
+    return current.value;
+  }
+  clear() {
+    this.#head = void 0;
+    this.#tail = void 0;
+    this.#size = 0;
+  }
+  get size() {
+    return this.#size;
+  }
+  *[Symbol.iterator]() {
+    let current = this.#head;
+    while (current) {
+      yield current.value;
+      current = current.next;
+    }
+  }
+};
+
+// ../../node_modules/.pnpm/p-limit@4.0.0/node_modules/p-limit/index.js
+function pLimit(concurrency) {
+  if (!((Number.isInteger(concurrency) || concurrency === Number.POSITIVE_INFINITY) && concurrency > 0)) {
+    throw new TypeError("Expected `concurrency` to be a number from 1 and up");
+  }
+  const queue = new Queue();
+  let activeCount = 0;
+  const next = () => {
+    activeCount--;
+    if (queue.size > 0) {
+      queue.dequeue()();
+    }
+  };
+  const run = async (fn, resolve, args) => {
+    activeCount++;
+    const result = (async () => fn(...args))();
+    resolve(result);
+    try {
+      await result;
+    } catch {
+    }
+    next();
+  };
+  const enqueue = (fn, resolve, args) => {
+    queue.enqueue(run.bind(void 0, fn, resolve, args));
+    (async () => {
+      await Promise.resolve();
+      if (activeCount < concurrency && queue.size > 0) {
+        queue.dequeue()();
+      }
+    })();
+  };
+  const generator = (fn, ...args) => new Promise((resolve) => {
+    enqueue(fn, resolve, args);
+  });
+  Object.defineProperties(generator, {
+    activeCount: {
+      get: () => activeCount
+    },
+    pendingCount: {
+      get: () => queue.size
+    },
+    clearQueue: {
+      value: () => {
+        queue.clear();
+      }
+    }
+  });
+  return generator;
+}
+
 // src/utils/client/index.ts
 function formatDate(d, fmt = "yyyy-MM-dd hh:mm:ss") {
   if (!(d instanceof Date)) {
@@ -424,8 +536,8 @@ function getPageRoute(filepath, srcDir) {
   return `/${route}`;
 }
 var defaultTimeZoneOffset = (/* @__PURE__ */ new Date()).getTimezoneOffset() / -60;
-function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset) {
-  const fileContent = import_node_fs.default.readFileSync(filepath, "utf-8");
+async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset) {
+  const fileContent = await import_node_fs.default.promises.readFile(filepath, "utf-8");
   const { data: frontmatter, excerpt, content } = (0, import_gray_matter.default)(fileContent, {
     excerpt: true
   });
@@ -435,12 +547,9 @@ function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset) {
   if (!meta.title) {
     meta.title = getDefaultTitle(content);
   }
-  if (!meta.date) {
-    meta.date = formatDate(getFileBirthTime(filepath));
-  } else {
-    meta.date = formatDate(
-      /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}+${timeZone}`)
-    );
+  const date = await (meta.date && /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}+${timeZone}`) || getFileBirthTime(filepath));
+  if (date) {
+    meta.date = formatDate(date);
   }
   meta.categories = typeof meta.categories === "string" ? [meta.categories] : meta.categories;
   meta.tags = typeof meta.tags === "string" ? [meta.tags] : meta.tags;
@@ -455,17 +564,31 @@ function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset) {
   }
   return meta;
 }
-function getArticles(cfg) {
+async function getArticles(cfg) {
   const srcDir = cfg?.srcDir || import_node_process.default.argv.slice(2)?.[1] || ".";
   const files = import_fast_glob.default.sync(`${srcDir}/**/*.md`, { ignore: ["node_modules"] });
-  const pageData = files.map((filepath) => {
-    const route = getPageRoute(filepath, srcDir);
-    const meta = getArticleMeta(filepath, route, cfg?.timeZone);
-    return {
+  const limit = pLimit(+(import_node_process.default.env.P_LIMT_MAX || import_node_os.default.cpus().length));
+  const metaResults = files.reduce((prev, curr) => {
+    const route = getPageRoute(curr, srcDir);
+    const metaPromise = limit(() => getArticleMeta(curr, route, cfg?.timeZone));
+    prev[curr] = {
       route,
-      meta
+      metaPromise
     };
-  }).filter((v) => v.meta.layout !== "home");
+    return prev;
+  }, {});
+  const pageData = [];
+  for (const file of files) {
+    const { route, metaPromise } = metaResults[file];
+    const meta = await metaPromise;
+    if (meta.layout === "home") {
+      continue;
+    }
+    pageData.push({
+      route,
+      meta
+    });
+  }
   return pageData;
 }
 function patchVPConfig(vpConfig, cfg) {
@@ -487,8 +610,6 @@ function checkConfig(cfg) {
 
 // src/utils/node/vitePlugins.ts
 var import_node_path3 = __toESM(require("path"));
-var import_node_child_process2 = require("child_process");
-var import_node_process2 = __toESM(require("process"));
 var import_node_fs2 = require("fs");
 var import_node_buffer = require("buffer");
 var import_vitepress_plugin_pagefind = require("vitepress-plugin-pagefind");
@@ -509,18 +630,18 @@ function themeReloadPlugin() {
       const restart = debounce(() => {
         server.restart();
       }, 500);
-      server.watcher.on("add", (path4) => {
+      server.watcher.on("add", async (path4) => {
         const route = generateRoute(path4);
-        const meta = getArticleMeta(path4, route, blogConfig?.timeZone);
+        const meta = await getArticleMeta(path4, route, blogConfig?.timeZone);
         blogConfig.pagesData.push({
           route,
           meta
         });
         restart();
       });
-      server.watcher.on("change", (path4) => {
+      server.watcher.on("change", async (path4) => {
         const route = generateRoute(path4);
-        const meta = getArticleMeta(path4, route, blogConfig?.timeZone);
+        const meta = await getArticleMeta(path4, route, blogConfig?.timeZone);
         const matched = blogConfig.pagesData.find((v) => v.route === route);
         if (matched && !isEqual(matched.meta, meta, ["date", "description"])) {
           matched.meta = meta;
@@ -547,10 +668,9 @@ function themeReloadPlugin() {
 // src/utils/node/vitePlugins.ts
 function getVitePlugins(cfg) {
   const plugins = [];
-  const buildEndFn = [];
-  plugins.push(inlineBuildEndPlugin(buildEndFn));
   plugins.push(coverImgTransform());
   plugins.push(themeReloadPlugin());
+  plugins.push(providePageData(cfg));
   if (cfg && cfg.search !== false) {
     const ops = cfg.search instanceof Object ? cfg.search : {};
     plugins.push(
@@ -565,6 +685,7 @@ function getVitePlugins(cfg) {
   }
   if (cfg?.mermaid !== false) {
     const { MermaidPlugin } = _require("vitepress-plugin-mermaid");
+    plugins.push(inlineInjectMermaidClient());
     plugins.push(MermaidPlugin(cfg?.mermaid === true ? {} : cfg?.mermaid ?? {}));
   }
   if (cfg?.RSS) {
@@ -577,25 +698,15 @@ function registerVitePlugins(vpCfg, plugins) {
     plugins
   };
 }
-function inlineBuildEndPlugin(buildEndFn) {
-  let rewrite = false;
+function inlineInjectMermaidClient() {
   return {
-    name: "@sugarar/theme-plugin-build-end",
+    name: "@sugarat/theme-plugin-inline-inject-mermaid-client",
     enforce: "pre",
-    configResolved(config) {
-      if (rewrite) {
-        return;
+    transform(code, id) {
+      if (id.endsWith("src/index.ts") && code.startsWith("// @sugarat/theme index")) {
+        return code.replace("// replace-mermaid-import-code", "import Mermaid from 'vitepress-plugin-mermaid/Mermaid.vue'").replace("// replace-mermaid-mounted-code", "if (!ctx.app.component('Mermaid')) { ctx.app.component('Mermaid', Mermaid as any) }");
       }
-      const vitepressConfig = config.vitepress;
-      if (!vitepressConfig) {
-        return;
-      }
-      rewrite = true;
-      const selfBuildEnd = vitepressConfig.buildEnd;
-      vitepressConfig.buildEnd = (siteCfg) => {
-        selfBuildEnd?.(siteCfg);
-        buildEndFn.filter((fn) => typeof fn === "function").forEach((fn) => fn(siteCfg));
-      };
+      return code;
     }
   };
 }
@@ -640,17 +751,31 @@ function coverImgTransform() {
     }
   };
 }
+function providePageData(cfg) {
+  return {
+    name: "@sugarat/theme-plugin-provide-page-data",
+    async config(config) {
+      const pagesData = await getArticles(cfg);
+      config.vitepress.site.themeConfig.blog.pagesData = pagesData;
+    }
+  };
+}
 
 // src/node.ts
-function getThemeConfig(cfg) {
+function getThemeConfig(cfg = {}) {
   checkConfig(cfg);
-  const pagesData = getArticles(cfg);
-  const extraVPConfig = {};
+  cfg.mermaid = cfg.mermaid ?? false;
+  const pagesData = [];
+  const extraVPConfig = {
+    vite: {}
+  };
   const vitePlugins = getVitePlugins(cfg);
   registerVitePlugins(extraVPConfig, vitePlugins);
   const markdownPlugin = getMarkdownPlugins(cfg);
   registerMdPlugins(extraVPConfig, markdownPlugin);
-  patchMermaidPluginCfg(extraVPConfig);
+  if (cfg?.mermaid !== false) {
+    patchMermaidPluginCfg(extraVPConfig);
+  }
   patchOptimizeDeps(extraVPConfig);
   patchVPConfig(extraVPConfig, cfg);
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.3.6",
+  "version": "0.4.1",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",
@@ -42,6 +42,7 @@
     "@mermaid-js/mermaid-mindmap": "^9.3.0",
     "@vue/shared": "^3.4.26",
     "@vueuse/core": "^9.13.0",
+    "cross-spawn": "^7.0.3",
     "fast-glob": "^3.3.2",
     "gray-matter": "^4.0.3",
     "markdown-it-task-checkbox": "^1.0.6",
@@ -51,24 +52,25 @@
     "vitepress-markdown-timeline": "^1.2.1",
     "vitepress-plugin-mermaid": "2.0.13",
     "vitepress-plugin-tabs": "0.2.0",
-    "vitepress-plugin-pagefind": "0.3.3",
+    "vitepress-plugin-pagefind": "0.4.1",
     "vitepress-plugin-rss": "0.2.6"
   },
   "devDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "artalk": "^2.8.5",
     "element-plus": "^2.7.2",
+    "p-limit": "4",
     "pagefind": "^1.1.0",
     "sass": "^1.76.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.11",
-    "vitepress": "1.2.2",
+    "vitepress": "1.2.3",
     "vue": "^3.4.26"
   },
   "scripts": {
     "dev": "npm run build:node && npm run dev:docs",
     "dev:docs": "vitepress dev docs",
-    "dev:node": "npx tsup",
+    "dev:node": "npx tsup --watch",
     "build": "npm run build:node && npm run build:docs",
     "build:docs": "vitepress build docs",
     "build:node": "npx tsup",

package/src/components/BlogFriendLink.vue

@@ -6,6 +6,7 @@ import Swiper from 'swiper'
 import { useBlogConfig } from '../composables/config/blog'
 import { getImageUrl, shuffleArray } from '../utils/client'
 import type { Theme } from '../'
+import { friendLinkSvgStr } from '../constants/svg'
 
 const isDark = useDark({
   storageKey: 'vitepress-theme-appearance'
@@ -16,6 +17,7 @@ const friendConfig = computed<Theme.FriendConfig>(() => ({
   list: [],
   random: false,
   limit: Number.MAX_SAFE_INTEGER,
+  title: `${friendLinkSvgStr}友情链接`,
   ...(Array.isArray(friend) ? { list: friend } : friend)
 }))
 
@@ -96,24 +98,7 @@ onUnmounted(() => {
   <div v-if="friendList?.length" class="card friend-wrapper">
     <!-- 头部 -->
     <div class="card-header">
-      <span class="title svg-icon"><svg width="512" height="512" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
-        <path
-          fill="#EF9645"
-          d="M16.428 30.331a2.31 2.31 0 0 0 3.217-.568a.798.798 0 0 0-.197-1.114l-1.85-1.949l4.222 2.955a1.497 1.497 0 0 0 2.089-.369a1.5 1.5 0 0 0-.369-2.089l-3.596-3.305l5.375 3.763a1.497 1.497 0 0 0 2.089-.369a1.5 1.5 0 0 0-.369-2.089l-4.766-4.073l5.864 4.105a1.497 1.497 0 0 0 2.089-.369a1.5 1.5 0 0 0-.369-2.089L4.733 11.194l-3.467 5.521c-.389.6-.283 1.413.276 1.891l7.786 6.671c.355.304.724.591 1.107.859l5.993 4.195z"
-        />
-        <path
-          fill="#FFDC5D"
-          d="M29.802 21.752L18.5 13.601l-.059-.08l.053-.08l.053-.053l.854.469c.958.62 3.147 1.536 4.806 1.536c1.135 0 1.815-.425 2.018-1.257a1.409 1.409 0 0 0-1.152-1.622a6.788 6.788 0 0 1-2.801-1.091l-.555-.373c-.624-.421-1.331-.898-1.853-1.206c-.65-.394-1.357-.585-2.163-.585c-1.196 0-2.411.422-3.585.83l-1.266.436a5.18 5.18 0 0 1-1.696.271c-1.544 0-3.055-.586-4.516-1.152l-.147-.058a1.389 1.389 0 0 0-1.674.56L1.35 15.669a1.357 1.357 0 0 0 .257 1.761l7.785 6.672c.352.301.722.588 1.1.852l6.165 4.316a2 2 0 0 0 2.786-.491a.803.803 0 0 0-.196-1.115l-1.833-1.283a.424.424 0 0 1-.082-.618a.422.422 0 0 1 .567-.075l3.979 2.785a1.4 1.4 0 0 0 1.606-2.294l-3.724-2.606a.424.424 0 0 1-.082-.618a.423.423 0 0 1 .567-.075l5.132 3.593a1.4 1.4 0 0 0 1.606-2.294l-4.868-3.407a.42.42 0 0 1-.081-.618a.377.377 0 0 1 .506-.066l5.656 3.959a1.4 1.4 0 0 0 1.606-2.295z"
-        />
-        <path
-          fill="#EF9645"
-          d="M16.536 27.929c-.07.267-.207.498-.389.681l-1.004.996a1.494 1.494 0 0 1-1.437.396a1.5 1.5 0 0 1-.683-2.512l1.004-.996a1.494 1.494 0 0 1 1.437-.396a1.502 1.502 0 0 1 1.072 1.831zM5.992 23.008l1.503-1.497a1.5 1.5 0 0 0-.444-2.429a1.495 1.495 0 0 0-1.674.31l-1.503 1.497a1.5 1.5 0 0 0 .445 2.429a1.496 1.496 0 0 0 1.673-.31zm5.204.052a1.5 1.5 0 1 0-2.122-2.118L6.072 23.94a1.5 1.5 0 1 0 2.122 2.118l3.002-2.998zm2.25 3a1.5 1.5 0 0 0-.945-2.555a1.489 1.489 0 0 0-1.173.44L9.323 25.94a1.5 1.5 0 0 0 .945 2.556c.455.036.874-.141 1.173-.44l2.005-1.996zm16.555-4.137l.627-.542l-6.913-10.85l-12.27 1.985a1.507 1.507 0 0 0-1.235 1.737c.658 2.695 6.003.693 8.355-.601l11.436 8.271z"
-        />
-        <path
-          fill="#FFCC4D"
-          d="M16.536 26.929c-.07.267-.207.498-.389.681l-1.004.996a1.494 1.494 0 0 1-1.437.396a1.5 1.5 0 0 1-.683-2.512l1.004-.996a1.494 1.494 0 0 1 1.437-.396a1.502 1.502 0 0 1 1.072 1.831zM5.992 22.008l1.503-1.497a1.5 1.5 0 0 0-.444-2.429a1.497 1.497 0 0 0-1.674.31l-1.503 1.497a1.5 1.5 0 0 0 .445 2.429a1.496 1.496 0 0 0 1.673-.31zm5.204.052a1.5 1.5 0 1 0-2.122-2.118L6.072 22.94a1.5 1.5 0 1 0 2.122 2.118l3.002-2.998zm2.25 3a1.5 1.5 0 0 0-.945-2.555a1.489 1.489 0 0 0-1.173.44L9.323 24.94a1.5 1.5 0 0 0 .945 2.556c.455.036.874-.141 1.173-.44l2.005-1.996zm21.557-7.456a1.45 1.45 0 0 0 .269-1.885l-.003-.005l-3.467-6.521a1.488 1.488 0 0 0-1.794-.6c-1.992.771-4.174 1.657-6.292.937l-1.098-.377c-1.948-.675-4.066-1.466-6-.294c-.695.409-1.738 1.133-2.411 1.58a6.873 6.873 0 0 1-2.762 1.076a1.502 1.502 0 0 0-1.235 1.737c.613 2.512 5.3.908 7.838-.369a.968.968 0 0 1 1.002.081l11.584 8.416l4.369-3.776z"
-        />
-      </svg> 友情链接</span>
+      <span class="title svg-icon" v-html="friendConfig.title" />
     </div>
     <!-- 友链列表 -->
     <div

package/src/components/BlogHomeTags.vue

@@ -9,10 +9,16 @@ import {
   useConfig,
   useCurrentPageNum,
 } from '../composables/config/blog'
+import { tagsSvgStr } from '../constants/svg'
 
 const route = useRoute()
 const docs = useArticles()
-const showTags = useConfig()?.config?.blog?.homeTags ?? true
+const homeTagsConfig = useConfig()?.config?.blog?.homeTags
+const showTags = computed(() => !!(homeTagsConfig ?? true))
+const title = computed(() => (typeof homeTagsConfig === 'boolean' || !homeTagsConfig?.title)
+  ? `${tagsSvgStr}标签`
+  : homeTagsConfig?.title
+)
 const tags = computed(() => {
   return [...new Set(docs.value.map(v => v.meta.tag || []).flat(3))]
 })
@@ -81,28 +87,11 @@ watch(
   <div v-if="showTags && tags.length" class="card tags" data-pagefind-ignore="all">
     <!-- 头部 -->
     <div class="card-header">
-      <span class="title svg-icon"><svg
-        t="1695048840129" class="icon" viewBox="0 0 1024 1024" version="1.1"
-        xmlns="http://www.w3.org/2000/svg" p-id="4290" width="200" height="200"
+      <span class="title svg-icon" v-html="title" />
+      <ElTag
+        v-if="activeTag.label" :type="activeTag.type || 'primary'" :effect="colorMode" closable
+        @close="handleCloseTag"
       >
-        <path
-          d="M810.88 245.888a118.432 118.432 0 1 0 0 236.864 118.432 118.432 0 0 0 0-236.864z m-151.008 118.432a151.008 151.008 0 1 1 302.016 0 151.008 151.008 0 0 1-302.016 0z"
-          fill="#D3D3D3" p-id="4291"
-        />
-        <path
-          d="M774.08 565.6l61.76-160.64c6.4-16.64 2.56-35.84-10.24-48.64l-151.04-151.04c-12.8-12.8-31.68-16.64-48.64-10.24l-160.64 61.76c-12.16 4.8-23.36 11.84-32.64 21.12l-355.2 355.2c-17.92 17.92-17.92 46.72 0 64.32l256 256c17.92 17.92 46.72 17.92 64.32 0l355.2-355.2c9.28-9.28 16.32-20.16 21.12-32.64z m-159.36-149.12c-22.08-22.08-22.08-57.6 0-79.68 22.08-22.08 57.6-22.08 79.68 0 22.08 22.08 22.08 57.6 0 79.68-22.08 21.76-57.92 21.76-79.68 0z"
-          fill="#FCD53F" p-id="4292"
-        />
-        <path
-          d="M654.4 320.48c14.4 0 28.8 5.44 39.68 16.64 22.08 22.08 22.08 57.6 0 79.68-10.88 10.88-25.28 16.64-39.68 16.64-14.4 0-28.8-5.44-39.68-16.64-22.08-22.08-22.08-57.6 0-79.68 10.88-11.2 25.28-16.64 39.68-16.64z m0-30.08c-23.04 0-44.8 8.96-61.12 25.28a86.72 86.72 0 0 0 0 122.24c16.32 16.32 38.08 25.28 61.12 25.28s44.8-8.96 61.12-25.28a86.72 86.72 0 0 0 0-122.24c-16.32-16.32-38.08-25.28-61.12-25.28z"
-          fill="#F8312F" p-id="4293"
-        />
-        <path
-          d="M676.16 348.032c8.992 0 16.288 7.296 16.288 16.288a118.144 118.144 0 0 0 64.288 105.44h0.064c22.24 11.296 47.36 15.264 71.68 11.84a16.288 16.288 0 0 1 4.48 32.32 154.24 154.24 0 0 1-90.848-15.04 150.72 150.72 0 0 1-82.24-134.56c0-8.992 7.296-16.288 16.288-16.288z"
-          fill="#D3D3D3" p-id="4294"
-        />
-      </svg> 标签</span>
-      <ElTag v-if="activeTag.label" :type="activeTag.type || 'primary'" :effect="colorMode" closable @close="handleCloseTag">
         {{ activeTag.label }}
       </ElTag>
     </div>

package/src/components/BlogHotArticle.vue

@@ -12,7 +12,7 @@ const hotArticle = computed(() =>
   _hotArticle === false ? undefined : _hotArticle
 )
 
-const title = computed(() => hotArticle.value?.title || (`<span class="svg-icon">${fireSVG}</span>` + ' 精选文章'))
+const title = computed(() => hotArticle.value?.title || `${fireSVG}精选文章`)
 const nextText = computed(() => hotArticle.value?.nextText || '换一组')
 const pageSize = computed(() => hotArticle.value?.pageSize || 9)
 const empty = computed(() => hotArticle.value?.empty ?? '暂无精选内容')
@@ -59,7 +59,7 @@ const showChangeBtn = computed(() => {
   >
     <!-- 头部 -->
     <div class="card-header">
-      <span class="title" v-html="title" />
+      <span class="title svg-icon" v-html="title" />
       <ElButton v-if="showChangeBtn" size="small" type="primary" text @click="changePage">
         {{ nextText }}
       </ElButton>

package/src/components/BlogItem.vue

@@ -92,7 +92,7 @@ const resultCover = computed(() => {
         <div class="badge-list pc-visible">
           <span v-show="author" class="split">{{ author }}</span>
           <span class="split">{{ showTime }}</span>
-          <span v-show="tag?.length" class="split">{{ tag?.join(' · ') }}</span>
+          <span v-if="tag?.length" class="split">{{ tag?.join(' · ') }}</span>
         </div>
       </div>
       <!-- 右侧封面图 -->

package/src/composables/config/index.ts

@@ -146,6 +146,10 @@ export namespace Theme {
   }
 
   export interface HotArticle {
+    /**
+     * 自定义标题，支持SVG + 文字
+     * @default '🔥 精选文章'
+     */
     title?: string
     pageSize?: number
     nextText?: string
@@ -288,6 +292,11 @@ export namespace Theme {
      * @default "动态计算"
      */
     scrollSpeed?: number
+    /**
+     * 自定义展示标题，支持SVG + 文字
+     * @default '🤝 友情链接'
+     */
+    title?: string
   }
 
   export interface UserWork {
@@ -408,7 +417,8 @@ export namespace Theme {
     mermaid?: any
     /**
      * 设置解析 frontmatter 里 date 的时区
-     * @default 8 => 'UTC+8'
+     * @default new Date().getTimezoneOffset() / -60
+     * @example 8 => 'UTC+8'
      */
     timeZone?: number
     /**
@@ -452,7 +462,7 @@ export namespace Theme {
      * 详见 https://oml2d.com/options/Options.html
      */
     oml2d?: Oml2dOptions
-    homeTags?: boolean
+    homeTags?: boolean | HomeTagsConfig
     buttonAfterArticle?: ButtonAfterArticleConfig | false
     /**
      * 是否开启深色模式过渡动画
@@ -586,4 +596,12 @@ export namespace Theme {
      */
     coverPreview?: ReplaceRule | ReplaceRule[]
   }
+
+  export interface HomeTagsConfig {
+    /**
+     * 自定义标题，支持SVG + 文字
+     * @default '🏷 标签'
+     */
+    title?: string
+  }
 }

package/src/constants/svg.ts

@@ -75,3 +75,44 @@ export const weChatPaySVG = `
         />
       </svg>
 `
+
+export const friendLinkSvgStr = `<svg width="512" height="512" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+<path
+  fill="#EF9645"
+  d="M16.428 30.331a2.31 2.31 0 0 0 3.217-.568a.798.798 0 0 0-.197-1.114l-1.85-1.949l4.222 2.955a1.497 1.497 0 0 0 2.089-.369a1.5 1.5 0 0 0-.369-2.089l-3.596-3.305l5.375 3.763a1.497 1.497 0 0 0 2.089-.369a1.5 1.5 0 0 0-.369-2.089l-4.766-4.073l5.864 4.105a1.497 1.497 0 0 0 2.089-.369a1.5 1.5 0 0 0-.369-2.089L4.733 11.194l-3.467 5.521c-.389.6-.283 1.413.276 1.891l7.786 6.671c.355.304.724.591 1.107.859l5.993 4.195z"
+/>
+<path
+  fill="#FFDC5D"
+  d="M29.802 21.752L18.5 13.601l-.059-.08l.053-.08l.053-.053l.854.469c.958.62 3.147 1.536 4.806 1.536c1.135 0 1.815-.425 2.018-1.257a1.409 1.409 0 0 0-1.152-1.622a6.788 6.788 0 0 1-2.801-1.091l-.555-.373c-.624-.421-1.331-.898-1.853-1.206c-.65-.394-1.357-.585-2.163-.585c-1.196 0-2.411.422-3.585.83l-1.266.436a5.18 5.18 0 0 1-1.696.271c-1.544 0-3.055-.586-4.516-1.152l-.147-.058a1.389 1.389 0 0 0-1.674.56L1.35 15.669a1.357 1.357 0 0 0 .257 1.761l7.785 6.672c.352.301.722.588 1.1.852l6.165 4.316a2 2 0 0 0 2.786-.491a.803.803 0 0 0-.196-1.115l-1.833-1.283a.424.424 0 0 1-.082-.618a.422.422 0 0 1 .567-.075l3.979 2.785a1.4 1.4 0 0 0 1.606-2.294l-3.724-2.606a.424.424 0 0 1-.082-.618a.423.423 0 0 1 .567-.075l5.132 3.593a1.4 1.4 0 0 0 1.606-2.294l-4.868-3.407a.42.42 0 0 1-.081-.618a.377.377 0 0 1 .506-.066l5.656 3.959a1.4 1.4 0 0 0 1.606-2.295z"
+/>
+<path
+  fill="#EF9645"
+  d="M16.536 27.929c-.07.267-.207.498-.389.681l-1.004.996a1.494 1.494 0 0 1-1.437.396a1.5 1.5 0 0 1-.683-2.512l1.004-.996a1.494 1.494 0 0 1 1.437-.396a1.502 1.502 0 0 1 1.072 1.831zM5.992 23.008l1.503-1.497a1.5 1.5 0 0 0-.444-2.429a1.495 1.495 0 0 0-1.674.31l-1.503 1.497a1.5 1.5 0 0 0 .445 2.429a1.496 1.496 0 0 0 1.673-.31zm5.204.052a1.5 1.5 0 1 0-2.122-2.118L6.072 23.94a1.5 1.5 0 1 0 2.122 2.118l3.002-2.998zm2.25 3a1.5 1.5 0 0 0-.945-2.555a1.489 1.489 0 0 0-1.173.44L9.323 25.94a1.5 1.5 0 0 0 .945 2.556c.455.036.874-.141 1.173-.44l2.005-1.996zm16.555-4.137l.627-.542l-6.913-10.85l-12.27 1.985a1.507 1.507 0 0 0-1.235 1.737c.658 2.695 6.003.693 8.355-.601l11.436 8.271z"
+/>
+<path
+  fill="#FFCC4D"
+  d="M16.536 26.929c-.07.267-.207.498-.389.681l-1.004.996a1.494 1.494 0 0 1-1.437.396a1.5 1.5 0 0 1-.683-2.512l1.004-.996a1.494 1.494 0 0 1 1.437-.396a1.502 1.502 0 0 1 1.072 1.831zM5.992 22.008l1.503-1.497a1.5 1.5 0 0 0-.444-2.429a1.497 1.497 0 0 0-1.674.31l-1.503 1.497a1.5 1.5 0 0 0 .445 2.429a1.496 1.496 0 0 0 1.673-.31zm5.204.052a1.5 1.5 0 1 0-2.122-2.118L6.072 22.94a1.5 1.5 0 1 0 2.122 2.118l3.002-2.998zm2.25 3a1.5 1.5 0 0 0-.945-2.555a1.489 1.489 0 0 0-1.173.44L9.323 24.94a1.5 1.5 0 0 0 .945 2.556c.455.036.874-.141 1.173-.44l2.005-1.996zm21.557-7.456a1.45 1.45 0 0 0 .269-1.885l-.003-.005l-3.467-6.521a1.488 1.488 0 0 0-1.794-.6c-1.992.771-4.174 1.657-6.292.937l-1.098-.377c-1.948-.675-4.066-1.466-6-.294c-.695.409-1.738 1.133-2.411 1.58a6.873 6.873 0 0 1-2.762 1.076a1.502 1.502 0 0 0-1.235 1.737c.613 2.512 5.3.908 7.838-.369a.968.968 0 0 1 1.002.081l11.584 8.416l4.369-3.776z"
+/>
+</svg>`
+
+export const tagsSvgStr = `<svg
+t="1695048840129" class="icon" viewBox="0 0 1024 1024" version="1.1"
+xmlns="http://www.w3.org/2000/svg" p-id="4290" width="200" height="200"
+>
+<path
+  d="M810.88 245.888a118.432 118.432 0 1 0 0 236.864 118.432 118.432 0 0 0 0-236.864z m-151.008 118.432a151.008 151.008 0 1 1 302.016 0 151.008 151.008 0 0 1-302.016 0z"
+  fill="#D3D3D3" p-id="4291"
+/>
+<path
+  d="M774.08 565.6l61.76-160.64c6.4-16.64 2.56-35.84-10.24-48.64l-151.04-151.04c-12.8-12.8-31.68-16.64-48.64-10.24l-160.64 61.76c-12.16 4.8-23.36 11.84-32.64 21.12l-355.2 355.2c-17.92 17.92-17.92 46.72 0 64.32l256 256c17.92 17.92 46.72 17.92 64.32 0l355.2-355.2c9.28-9.28 16.32-20.16 21.12-32.64z m-159.36-149.12c-22.08-22.08-22.08-57.6 0-79.68 22.08-22.08 57.6-22.08 79.68 0 22.08 22.08 22.08 57.6 0 79.68-22.08 21.76-57.92 21.76-79.68 0z"
+  fill="#FCD53F" p-id="4292"
+/>
+<path
+  d="M654.4 320.48c14.4 0 28.8 5.44 39.68 16.64 22.08 22.08 22.08 57.6 0 79.68-10.88 10.88-25.28 16.64-39.68 16.64-14.4 0-28.8-5.44-39.68-16.64-22.08-22.08-22.08-57.6 0-79.68 10.88-11.2 25.28-16.64 39.68-16.64z m0-30.08c-23.04 0-44.8 8.96-61.12 25.28a86.72 86.72 0 0 0 0 122.24c16.32 16.32 38.08 25.28 61.12 25.28s44.8-8.96 61.12-25.28a86.72 86.72 0 0 0 0-122.24c-16.32-16.32-38.08-25.28-61.12-25.28z"
+  fill="#F8312F" p-id="4293"
+/>
+<path
+  d="M676.16 348.032c8.992 0 16.288 7.296 16.288 16.288a118.144 118.144 0 0 0 64.288 105.44h0.064c22.24 11.296 47.36 15.264 71.68 11.84a16.288 16.288 0 0 1 4.48 32.32 154.24 154.24 0 0 1-90.848-15.04 150.72 150.72 0 0 1-82.24-134.56c0-8.992 7.296-16.288 16.288-16.288z"
+  fill="#D3D3D3" p-id="4294"
+/>
+</svg>`

package/src/index.ts

@@ -1,3 +1,4 @@
+// @sugarat/theme index
 // override style
 import './styles/index.scss'
 
@@ -23,13 +24,12 @@ import DefaultTheme from 'vitepress/theme'
 import { enhanceAppWithTabs } from 'vitepress-plugin-tabs/client'
 
 // 图表渲染组件
-// @ts-expect-error
-import Mermaid from 'vitepress-plugin-mermaid/Mermaid.vue'
+// replace-mermaid-import-code
+// import Mermaid from 'vitepress-plugin-mermaid/Mermaid.vue'
 import BlogApp from './components/BlogApp.vue'
 import { withConfigProvider } from './composables/config/blog'
 
 // page
-import TimelinePage from './components/TimelinePage.vue'
 import UserWorksPage from './components/UserWorks.vue'
 
 // 内置一些特殊的主题色
@@ -41,11 +41,9 @@ export const BlogTheme: Theme = {
   enhanceApp(ctx) {
     enhanceAppWithTabs(ctx.app as any)
     DefaultTheme.enhanceApp(ctx)
-    ctx.app.component('TimelinePage', TimelinePage)
-    ctx.app.component('UserWorksPage', UserWorksPage)
-    if (!ctx.app.component('Mermaid')) {
-      ctx.app.component('Mermaid', Mermaid as any)
-    }
+    ctx.app.component('UserWorksPage', UserWorksPage as any)
+    // replace-mermaid-mounted-code
+    // if (!ctx.app.component('Mermaid')) { ctx.app.component('Mermaid', Mermaid as any) }
   }
 }
 

package/src/node.ts

@@ -6,20 +6,25 @@ import {
   patchOptimizeDeps,
   registerMdPlugins,
 } from './utils/node/mdPlugins'
-import { checkConfig, getArticles, patchVPConfig, patchVPThemeConfig } from './utils/node/theme'
+import { checkConfig, patchVPConfig, patchVPThemeConfig } from './utils/node/theme'
 import { getVitePlugins, registerVitePlugins } from './utils/node/vitePlugins'
 
 /**
  * 获取主题的配置
  * @param cfg 主题配置
  */
-export function getThemeConfig(cfg?: Partial<Theme.BlogConfig>) {
+export function getThemeConfig(cfg: Partial<Theme.BlogConfig> = {}) {
   // 配置校验
   checkConfig(cfg)
 
+  // 默认不开启 markdown 图表，会明显影响构建速度
+  cfg.mermaid = cfg.mermaid ?? false
+
   // 文章数据
-  const pagesData = getArticles(cfg)
-  const extraVPConfig: any = {}
+  const pagesData: Theme.PageData[] = []
+  const extraVPConfig: any = {
+    vite: {}
+  }
 
   // 获取要加载的vite插件
   const vitePlugins = getVitePlugins(cfg)
@@ -32,7 +37,9 @@ export function getThemeConfig(cfg?: Partial<Theme.BlogConfig>) {
   registerMdPlugins(extraVPConfig, markdownPlugin)
 
   // patch extraVPConfig
-  patchMermaidPluginCfg(extraVPConfig)
+  if (cfg?.mermaid !== false) {
+    patchMermaidPluginCfg(extraVPConfig)
+  }
   patchOptimizeDeps(extraVPConfig)
 
   patchVPConfig(extraVPConfig, cfg)

package/src/utils/node/hot-reload-plugin.ts

@@ -20,9 +20,9 @@ export function themeReloadPlugin() {
       const restart = debounce(() => {
         server.restart()
       }, 500)
-      server.watcher.on('add', (path) => {
+      server.watcher.on('add', async (path) => {
         const route = generateRoute(path)
-        const meta = getArticleMeta(path, route, blogConfig?.timeZone)
+        const meta = await getArticleMeta(path, route, blogConfig?.timeZone)
         blogConfig.pagesData.push({
           route,
           meta
@@ -30,9 +30,9 @@ export function themeReloadPlugin() {
         restart()
       })
 
-      server.watcher.on('change', (path: string) => {
+      server.watcher.on('change', async (path: string) => {
         const route = generateRoute(path)
-        const meta = getArticleMeta(path, route, blogConfig?.timeZone)
+        const meta = await getArticleMeta(path, route, blogConfig?.timeZone)
         const matched = blogConfig.pagesData.find(v => v.route === route)
 
         if (matched && !isEqual(matched.meta, meta, ['date', 'description'])) {

package/src/utils/node/index.ts

@@ -36,24 +36,27 @@ export function getDefaultTitle(content: string) {
   return match?.[2] || ''
 }
 
-export function getFileBirthTime(url: string) {
-  let date = new Date()
-
-  try {
-    // 参考 vitepress 中的 getGitTimestamp 实现
-    const infoStr = spawnSync('git', ['log', '-1', '--pretty="%ci"', url])
-      .stdout?.toString()
-      .replace(/["']/g, '')
-      .trim()
-    if (infoStr) {
-      date = new Date(infoStr)
-    }
-  }
-  catch (error) {
-    return date
+const cache = new Map<string, Date>()
+export function getFileBirthTime(url: string): Promise<Date | undefined> | Date {
+  const cached = cache.get(url)
+  if (cached) {
+    return cached
   }
 
-  return date
+  return new Promise((resolve) => {
+    // 使用异步回调
+    const child = spawn('git', ['log', '-1', '--pretty="%ai"', url])
+    let output = ''
+    child.stdout.on('data', d => (output += String(d)))
+    child.on('close', () => {
+      const date = new Date(output)
+      cache.set(url, date)
+      resolve(date)
+    })
+    child.on('error', () => {
+      resolve(undefined)
+    })
+  })
 }
 
 export function getGitTimestamp(file: string) {

package/src/utils/node/theme.ts

@@ -2,8 +2,10 @@
 import fs from 'node:fs'
 import path from 'node:path'
 import process from 'node:process'
+import os from 'node:os'
 import glob from 'fast-glob'
 import matter from 'gray-matter'
+import pLimit from 'p-limit'
 import type { Theme } from '../../composables/config/index'
 import { formatDate } from '../client'
 import { getDefaultTitle, getFileBirthTime, getFirstImagURLFromMD, getTextSummary } from './index'
@@ -49,8 +51,8 @@ export function getPageRoute(filepath: string, srcDir: string) {
 }
 
 const defaultTimeZoneOffset = new Date().getTimezoneOffset() / -60
-export function getArticleMeta(filepath: string, route: string, timeZone = defaultTimeZoneOffset) {
-  const fileContent = fs.readFileSync(filepath, 'utf-8')
+export async function getArticleMeta(filepath: string, route: string, timeZone = defaultTimeZoneOffset) {
+  const fileContent = await fs.promises.readFile(filepath, 'utf-8')
 
   const { data: frontmatter, excerpt, content } = matter(fileContent, {
     excerpt: true,
@@ -63,13 +65,13 @@ export function getArticleMeta(filepath: string, route: string, timeZone = defau
   if (!meta.title) {
     meta.title = getDefaultTitle(content)
   }
-  if (!meta.date) {
-    meta.date = formatDate(getFileBirthTime(filepath))
-  }
-  else {
-    meta.date = formatDate(
-      new Date(`${new Date(meta.date).toUTCString()}+${timeZone}`)
-    )
+  const date = await (
+    (meta.date
+       && new Date(`${new Date(meta.date).toUTCString()}+${timeZone}`))
+     || getFileBirthTime(filepath)
+  )
+  if (date) {
+    meta.date = formatDate(date)
   }
 
   // 处理tags和categories,兼容历史文章
@@ -101,22 +103,40 @@ export function getArticleMeta(filepath: string, route: string, timeZone = defau
   }
   return meta as Theme.PageMeta
 }
-export function getArticles(cfg?: Partial<Theme.BlogConfig>) {
+export async function getArticles(cfg?: Partial<Theme.BlogConfig>) {
   const srcDir = cfg?.srcDir || process.argv.slice(2)?.[1] || '.'
   const files = glob.sync(`${srcDir}/**/*.md`, { ignore: ['node_modules'] })
+  const limit = pLimit(+(process.env.P_LIMT_MAX || os.cpus().length))
 
-  // 文章数据
-  const pageData = files
-    .map((filepath) => {
-      const route = getPageRoute(filepath, srcDir)
-      const meta = getArticleMeta(filepath, route, cfg?.timeZone)
-      return {
-        route,
-        meta
-      }
+  const metaResults = files.reduce((prev, curr) => {
+    const route = getPageRoute(curr, srcDir)
+    const metaPromise = limit(() => getArticleMeta(curr, route, cfg?.timeZone))
+
+    // 提前获取，有缓存取缓存
+    prev[curr] = {
+      route,
+      metaPromise
+    }
+    return prev
+  }, {} as Record<string, {
+    route: string
+    metaPromise: Promise<Theme.PageMeta>
+  }>)
+
+  const pageData: Theme.PageData[] = []
+
+  for (const file of files) {
+    const { route, metaPromise } = metaResults[file]
+    const meta = await metaPromise
+    if (meta.layout === 'home') {
+      continue
+    }
+    pageData.push({
+      route,
+      meta
     })
-    .filter(v => v.meta.layout !== 'home')
-  return pageData as Theme.PageData[]
+  }
+  return pageData
 }
 
 export function patchVPConfig(vpConfig: any, cfg?: Partial<Theme.BlogConfig>) {

package/src/utils/node/vitePlugins.ts

@@ -1,6 +1,4 @@
 import path from 'node:path'
-import { execSync } from 'node:child_process'
-import process from 'node:process'
 import { existsSync, readFileSync } from 'node:fs'
 import { Buffer } from 'node:buffer'
 import type { SiteConfig } from 'vitepress'
@@ -10,19 +8,19 @@ import {
   pagefindPlugin
 } from 'vitepress-plugin-pagefind'
 import { RssPlugin } from 'vitepress-plugin-rss'
+import type { PluginOption } from 'vite'
 import type { Theme } from '../../composables/config/index'
 import { _require } from './mdPlugins'
 import { themeReloadPlugin } from './hot-reload-plugin'
+import { getArticles } from './theme'
 import { joinPath } from './index'
 
 export function getVitePlugins(cfg?: Partial<Theme.BlogConfig>) {
   const plugins: any[] = []
 
-  // Build完后运行的一系列列方法
-  const buildEndFn: any[] = []
-
-  // 执行自定义的 buildEnd 钩子
-  plugins.push(inlineBuildEndPlugin(buildEndFn))
+  // const buildEndFn: any[] = []
+  // Build完后运行的一系列列方法，执行自定义的 buildEnd 钩子
+  // plugins.push(inlineBuildEndPlugin(buildEndFn))
 
   // 处理cover image的路径（暂只支持自动识别的文章首图）
   plugins.push(coverImgTransform())
@@ -30,6 +28,9 @@ export function getVitePlugins(cfg?: Partial<Theme.BlogConfig>) {
   // 自动重载首页
   plugins.push(themeReloadPlugin())
 
+  // 主题pageData生成
+  plugins.push(providePageData(cfg))
+
   // 内置简化版的pagefind
   if (cfg && cfg.search !== false) {
     const ops = cfg.search instanceof Object ? cfg.search : {}
@@ -47,6 +48,7 @@ export function getVitePlugins(cfg?: Partial<Theme.BlogConfig>) {
   // 内置支持Mermaid
   if (cfg?.mermaid !== false) {
     const { MermaidPlugin } = _require('vitepress-plugin-mermaid')
+    plugins.push(inlineInjectMermaidClient())
     plugins.push(MermaidPlugin(cfg?.mermaid === true ? {} : (cfg?.mermaid ?? {})))
   }
 
@@ -63,45 +65,19 @@ export function registerVitePlugins(vpCfg: any, plugins: any[]) {
   }
 }
 
-export function inlinePagefindPlugin(buildEndFn: any[]) {
-  buildEndFn.push(() => {
-    // 调用pagefind
-    const ignore: string[] = [
-      // 侧边栏内容
-      'div.aside',
-      // 标题锚点
-      'a.header-anchor'
-    ]
-    const { log } = console
-    log()
-    log('=== pagefind: https://pagefind.app/ ===')
-    const siteDir = path.join(
-      process.argv.slice(2)?.[1] || '.',
-      '.vitepress/dist'
-    )
-    let command = `npx pagefind --site ${siteDir} --output-subdir "_pagefind"`
-
-    if (ignore.length) {
-      command += ` --exclude-selectors "${ignore.join(', ')}"`
-    }
-
-    log(command)
-    log()
-    execSync(command, {
-      stdio: 'inherit'
-    })
-  })
+export function inlineInjectMermaidClient() {
   return {
-    name: '@sugarar/theme-plugin-pagefind',
+    name: '@sugarat/theme-plugin-inline-inject-mermaid-client',
     enforce: 'pre',
-    // 添加检索的内容标识
-    transform(code: string, id: string) {
-      if (id.endsWith('theme-default/Layout.vue')) {
-        return code.replace('<VPContent>', '<VPContent data-pagefind-body>')
+    transform(code, id) {
+      if (id.endsWith('src/index.ts') && code.startsWith('// @sugarat/theme index')) {
+        return code
+          .replace('// replace-mermaid-import-code', 'import Mermaid from \'vitepress-plugin-mermaid/Mermaid.vue\'')
+          .replace('// replace-mermaid-mounted-code', 'if (!ctx.app.component(\'Mermaid\')) { ctx.app.component(\'Mermaid\', Mermaid as any) }')
       }
       return code
-    }
-  }
+    },
+  } as PluginOption
 }
 
 export function inlineBuildEndPlugin(buildEndFn: any[]) {
@@ -176,3 +152,13 @@ export function coverImgTransform() {
     }
   }
 }
+
+export function providePageData(cfg?: Partial<Theme.BlogConfig>) {
+  return {
+    name: '@sugarat/theme-plugin-provide-page-data',
+    async config(config: any) {
+      const pagesData = await getArticles(cfg)
+      config.vitepress.site.themeConfig.blog.pagesData = pagesData
+    },
+  } as PluginOption
+}