@sugarat/theme 0.5.5 → 0.5.7

package/node.d.ts

@@ -181,6 +181,11 @@ declare namespace Theme {
          * 首页数据分析卡片
          */
         analysis?: HomeAnalysis;
+        /**
+         * 首页博客信息卡片是否在移动端折叠展示
+         * @default false
+         */
+        blogInfoCollapsible?: boolean;
     }
     interface ArticleConfig {
         /**
@@ -377,7 +382,7 @@ declare namespace Theme {
         works?: UserWorks;
         /**
          * https://mermaid.js.org/config/setup/modules/mermaidAPI.html#mermaidapi-configuration-defaults for options
-         * @default true
+         * @default false
          */
         mermaid?: any;
         /**

package/node.js

@@ -41,7 +41,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.6.3_@algolia+client-search@5.20.0_@types+node@2_89d33a1149fc4afc3a4b1eeb07b93bba/node_modules/vitepress-plugin-tabs/dist/index.js
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@https+++pkg.pr.new+vitepress@3d61619_@types+node@_fc84fc5ced1bdf672a18932976f96d0a/node_modules/vitepress-plugin-tabs/dist/index.js
 var tabsMarker = "=tabs";
 var tabsMarkerLen = tabsMarker.length;
 var ruleBlockTabs = (state, startLine, endLine, silent) => {
@@ -386,8 +386,9 @@ function patchDefaultThemeSideBar(cfg) {
   } : void 0;
 }
 var defaultTimeZoneOffset = (/* @__PURE__ */ new Date()).getTimezoneOffset() / -60;
-async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset, baseContent) {
-  const fileContent = baseContent || await import_node_fs.default.promises.readFile(filepath, "utf-8");
+async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset, ops) {
+  const fileContent = ops?.baseContent || await import_node_fs.default.promises.readFile(filepath, "utf-8");
+  const cacheDir = ops?.cacheDir;
   const { data: frontmatter, excerpt, content } = (0, import_theme_shared2.grayMatter)(fileContent, {
     excerpt: true
   });
@@ -398,7 +399,7 @@ async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset,
     meta.title = (0, import_theme_shared2.getDefaultTitle)(content);
   }
   const utcValue = timeZone >= 0 ? `+${timeZone}` : `${timeZone}`;
-  const date = await (meta.date && /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}${utcValue}`) || (0, import_theme_shared2.getFileLastModifyTime)(filepath));
+  const date = await (meta.date && /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}${utcValue}`) || (0, import_theme_shared2.getFileLastModifyTime)(filepath, cacheDir));
   meta.date = formatDate(date || /* @__PURE__ */ new Date(), "yyyy/MM/dd hh:mm:ss");
   meta.categories = typeof meta.categories === "string" ? [meta.categories] : meta.categories;
   meta.tags = typeof meta.tags === "string" ? [meta.tags] : meta.tags;
@@ -417,7 +418,12 @@ async function getArticles(cfg, vpConfig) {
   const pages = (0, import_theme_shared2.getVitePressPages)(vpConfig);
   const metaResults = pages.reduce((prev, value) => {
     const { page, route, originRoute, filepath, isDynamic, dynamicRoute } = value;
-    const metaPromise = isDynamic && dynamicRoute ? getArticleMeta(filepath, originRoute, cfg?.timeZone, (0, import_theme_shared2.renderDynamicMarkdown)(filepath, dynamicRoute.params, dynamicRoute.content)) : getArticleMeta(filepath, originRoute, cfg?.timeZone);
+    const metaPromise = isDynamic && dynamicRoute ? getArticleMeta(filepath, originRoute, cfg?.timeZone, {
+      baseContent: (0, import_theme_shared2.renderDynamicMarkdown)(filepath, dynamicRoute.params, dynamicRoute.content),
+      cacheDir: vpConfig.cacheDir
+    }) : getArticleMeta(filepath, originRoute, cfg?.timeZone, {
+      cacheDir: vpConfig.cacheDir
+    });
     prev[page] = {
       route,
       metaPromise
@@ -542,6 +548,7 @@ function themeReloadPlugin() {
 // src/utils/node/vitePlugins.ts
 function getVitePlugins(cfg = {}) {
   const plugins = [];
+  plugins.push(cacheAllGitTimestampsPlugin());
   plugins.push(coverImgTransform());
   if (cfg.themeColor) {
     plugins.push(setThemeScript(cfg.themeColor));
@@ -723,6 +730,15 @@ function providePageData(cfg) {
     }
   };
 }
+function cacheAllGitTimestampsPlugin() {
+  return {
+    name: "@sugarat/theme-plugin-cache-all-git-timestamps",
+    async config(config) {
+      const { srcDir } = config.vitepress;
+      await (0, import_theme_shared4.cacheAllGitTimestamps)(srcDir);
+    }
+  };
+}
 function setThemeScript(themeColor) {
   let resolveConfig;
   const pluginOps = {
@@ -759,13 +775,13 @@ function getThemeConfig(cfg = {}) {
   const extraVPConfig = {
     vite: {
       // see https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
-      css: {
-        preprocessorOptions: {
-          scss: {
-            api: "modern"
-          }
-        }
-      },
+      // css: {
+      //   preprocessorOptions: {
+      //     scss: {
+      //       api: 'modern',
+      //     },
+      //   },
+      // },
       build: {
         // https://vite.dev/config/build-options.html#build-chunksizewarninglimit
         chunkSizeWarningLimit: 2048

package/node.mjs

@@ -9,7 +9,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 // src/utils/node/mdPlugins.ts
 import { createRequire } from "module";
 
-// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.6.3_@algolia+client-search@5.20.0_@types+node@2_89d33a1149fc4afc3a4b1eeb07b93bba/node_modules/vitepress-plugin-tabs/dist/index.js
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@https+++pkg.pr.new+vitepress@3d61619_@types+node@_fc84fc5ced1bdf672a18932976f96d0a/node_modules/vitepress-plugin-tabs/dist/index.js
 var tabsMarker = "=tabs";
 var tabsMarkerLen = tabsMarker.length;
 var ruleBlockTabs = (state, startLine, endLine, silent) => {
@@ -352,8 +352,9 @@ function patchDefaultThemeSideBar(cfg) {
   } : void 0;
 }
 var defaultTimeZoneOffset = (/* @__PURE__ */ new Date()).getTimezoneOffset() / -60;
-async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset, baseContent) {
-  const fileContent = baseContent || await fs.promises.readFile(filepath, "utf-8");
+async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset, ops) {
+  const fileContent = ops?.baseContent || await fs.promises.readFile(filepath, "utf-8");
+  const cacheDir = ops?.cacheDir;
   const { data: frontmatter, excerpt, content } = grayMatter(fileContent, {
     excerpt: true
   });
@@ -364,7 +365,7 @@ async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset,
     meta.title = getDefaultTitle(content);
   }
   const utcValue = timeZone >= 0 ? `+${timeZone}` : `${timeZone}`;
-  const date = await (meta.date && /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}${utcValue}`) || getFileLastModifyTime(filepath));
+  const date = await (meta.date && /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}${utcValue}`) || getFileLastModifyTime(filepath, cacheDir));
   meta.date = formatDate(date || /* @__PURE__ */ new Date(), "yyyy/MM/dd hh:mm:ss");
   meta.categories = typeof meta.categories === "string" ? [meta.categories] : meta.categories;
   meta.tags = typeof meta.tags === "string" ? [meta.tags] : meta.tags;
@@ -383,7 +384,12 @@ async function getArticles(cfg, vpConfig) {
   const pages = getVitePressPages(vpConfig);
   const metaResults = pages.reduce((prev, value) => {
     const { page, route, originRoute, filepath, isDynamic, dynamicRoute } = value;
-    const metaPromise = isDynamic && dynamicRoute ? getArticleMeta(filepath, originRoute, cfg?.timeZone, renderDynamicMarkdown(filepath, dynamicRoute.params, dynamicRoute.content)) : getArticleMeta(filepath, originRoute, cfg?.timeZone);
+    const metaPromise = isDynamic && dynamicRoute ? getArticleMeta(filepath, originRoute, cfg?.timeZone, {
+      baseContent: renderDynamicMarkdown(filepath, dynamicRoute.params, dynamicRoute.content),
+      cacheDir: vpConfig.cacheDir
+    }) : getArticleMeta(filepath, originRoute, cfg?.timeZone, {
+      cacheDir: vpConfig.cacheDir
+    });
     prev[page] = {
       route,
       metaPromise
@@ -426,7 +432,7 @@ import {
   pagefindPlugin
 } from "vitepress-plugin-pagefind";
 import { RssPlugin } from "vitepress-plugin-rss";
-import { joinPath as joinPath2 } from "@sugarat/theme-shared";
+import { cacheAllGitTimestamps, joinPath as joinPath2 } from "@sugarat/theme-shared";
 import { AnnouncementPlugin } from "vitepress-plugin-announcement";
 import { groupIconVitePlugin } from "vitepress-plugin-group-icons";
 
@@ -510,6 +516,7 @@ function themeReloadPlugin() {
 // src/utils/node/vitePlugins.ts
 function getVitePlugins(cfg = {}) {
   const plugins = [];
+  plugins.push(cacheAllGitTimestampsPlugin());
   plugins.push(coverImgTransform());
   if (cfg.themeColor) {
     plugins.push(setThemeScript(cfg.themeColor));
@@ -691,6 +698,15 @@ function providePageData(cfg) {
     }
   };
 }
+function cacheAllGitTimestampsPlugin() {
+  return {
+    name: "@sugarat/theme-plugin-cache-all-git-timestamps",
+    async config(config) {
+      const { srcDir } = config.vitepress;
+      await cacheAllGitTimestamps(srcDir);
+    }
+  };
+}
 function setThemeScript(themeColor) {
   let resolveConfig;
   const pluginOps = {
@@ -727,13 +743,13 @@ function getThemeConfig(cfg = {}) {
   const extraVPConfig = {
     vite: {
       // see https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
-      css: {
-        preprocessorOptions: {
-          scss: {
-            api: "modern"
-          }
-        }
-      },
+      // css: {
+      //   preprocessorOptions: {
+      //     scss: {
+      //       api: 'modern',
+      //     },
+      //   },
+      // },
       build: {
         // https://vite.dev/config/build-options.html#build-chunksizewarninglimit
         chunkSizeWarningLimit: 2048

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",
@@ -53,10 +53,10 @@
     "vitepress-plugin-group-icons": "1.2.4",
     "vitepress-plugin-mermaid": "2.0.13",
     "vitepress-plugin-tabs": "0.2.0",
-    "@sugarat/theme-shared": "0.0.5",
-    "vitepress-plugin-pagefind": "0.4.14",
+    "vitepress-plugin-pagefind": "0.4.15",
     "vitepress-plugin-announcement": "0.1.5",
-    "vitepress-plugin-rss": "0.3.1"
+    "vitepress-plugin-rss": "0.3.2",
+    "@sugarat/theme-shared": "0.0.6"
   },
   "devDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
@@ -66,7 +66,7 @@
     "sass": "^1.80.6",
     "typescript": "^5.4.5",
     "vite": "^5.4.9",
-    "vitepress": "1.6.3",
+    "vitepress": "https://pkg.pr.new/vitepress@3d61619",
     "vue": "^3.5.12",
     "vitepress-plugin-51la": "0.1.0"
   },

package/src/components/BlogApp.vue

@@ -3,7 +3,7 @@ import Theme from 'vitepress/theme'
 import { useData } from 'vitepress'
 import { computed } from 'vue'
 import { useDarkTransition } from '../hooks/useDarkTransition'
-import { useBlogThemeMode, useDarkTransitionConfig } from '../composables/config/blog'
+import { useBlogInfoCollapsible, useBlogThemeMode, useDarkTransitionConfig } from '../composables/config/blog'
 import BlogHomeInfo from './BlogHomeInfo.vue'
 import BlogHomeBanner from './BlogHomeBanner.vue'
 import BlogList from './BlogList.vue'
@@ -26,6 +26,8 @@ const layout = computed(() => frontmatter.value.layout)
 const isBlogTheme = useBlogThemeMode()
 const { Layout } = Theme
 
+const blogInfoCollapsible = useBlogInfoCollapsible()
+
 // 切换深色模式过渡
 // https://vitepress.dev/zh/guide/extending-default-theme#on-appearance-toggle
 useDarkTransition()
@@ -67,7 +69,11 @@ const openTransition = useDarkTransitionConfig()
           <div class="blog-list-wrapper">
             <BlogList />
           </div>
-          <div class="blog-info-wrapper">
+          <div
+            :class="{
+              'normal-mode': blogInfoCollapsible,
+            }" class="blog-info-wrapper"
+          >
             <BlogHomeInfo />
           </div>
         </div>
@@ -108,6 +114,9 @@ const openTransition = useDarkTransitionConfig()
       <slot name="nav-screen-content-before" />
     </template>
     <template #nav-screen-content-after>
+      <div v-if="blogInfoCollapsible" class="minify-mode blog-info-wrapper">
+        <BlogHomeInfo />
+      </div>
       <slot name="nav-screen-content-after" />
     </template>
 
@@ -226,6 +235,24 @@ const openTransition = useDarkTransitionConfig()
     margin: 20px 0;
     width: 100%;
   }
+
+  .normal-mode {
+    display: none;
+  }
+
+  .minify-mode {
+    display: block;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .minify-mode {
+    display: none;
+  }
+
+  .normal-mode {
+    display: block;
+  }
 }
 </style>
 

package/src/components/BlogArticleAnalyze.vue

@@ -131,24 +131,25 @@ const timeTitle = computed(() =>
 <template>
   <div v-if="showAnalyze && readingTimePosition === 'top'" class="doc-analyze" data-pagefind-ignore="all">
     <span>
-      <ElIcon><EditPen /></ElIcon>
+      <ElIcon>
+        <EditPen />
+      </ElIcon>
       {{ topWordCount }}
     </span>
     <span>
-      <ElIcon><AlarmClock /></ElIcon>
+      <ElIcon>
+        <AlarmClock />
+      </ElIcon>
       {{ topReadTime }}
     </span>
   </div>
   <div id="hack-article-des" ref="$des" class="meta-des">
     <!-- TODO：是否需要原创？转载等标签，理论上可以添加标签解决，可以参考 charles7c -->
     <span v-if="author && !hiddenAuthor" class="author" :title="authorTitle">
-      <ElIcon><UserFilled /></ElIcon>
-      <a
-        v-if="currentAuthorInfo"
-        class="link"
-        :href="currentAuthorInfo.url"
-        :title="currentAuthorInfo.des"
-      >
+      <ElIcon>
+        <UserFilled />
+      </ElIcon>
+      <a v-if="currentAuthorInfo" class="link" :href="currentAuthorInfo.url" :title="currentAuthorInfo.des">
         {{ currentAuthorInfo.nickname }}
       </a>
       <template v-else>
@@ -156,36 +157,48 @@ const timeTitle = computed(() =>
       </template>
     </span>
     <span v-if="publishDate && !hiddenTime" class="publishDate" :title="timeTitle + hoverDate">
-      <ElIcon><Clock /></ElIcon>
+      <ElIcon>
+        <Clock />
+      </ElIcon>
       {{ publishDate }}
     </span>
-    <span v-if="tags.length" class="tags" :title="tagTitle">
-      <ElIcon><CollectionTag /></ElIcon>
-      <a v-for="tag in tags" :key="tag" class="link" :href="`/?tag=${tag}`">{{ tag }}
-      </a>
-    </span>
     <template v-if="readingTimePosition === 'inline' && showAnalyze">
       <span :title="wordCountTitle">
-        <ElIcon><EditPen /></ElIcon>
+        <ElIcon>
+          <EditPen />
+        </ElIcon>
         {{ inlineWordCount }}
       </span>
       <span :title="readTimeTitle">
-        <ElIcon><AlarmClock /></ElIcon>
+        <ElIcon>
+          <AlarmClock />
+        </ElIcon>
         {{ inlineReadTime }}
       </span>
     </template>
     <template v-if="readingTimePosition === 'newLine' && showAnalyze">
       <div style="width: 100%;" class="new-line-meta-des">
         <span :title="wordCountTitle">
-          <ElIcon><EditPen /></ElIcon>
+          <ElIcon>
+            <EditPen />
+          </ElIcon>
           {{ inlineWordCount }}
         </span>
         <span :title="readTimeTitle">
-          <ElIcon><AlarmClock /></ElIcon>
+          <ElIcon>
+            <AlarmClock />
+          </ElIcon>
           {{ inlineReadTime }}
         </span>
       </div>
     </template>
+    <span v-if="tags.length" class="tags" :title="tagTitle">
+      <ElIcon>
+        <CollectionTag />
+      </ElIcon>
+      <a v-for="tag in tags" :key="tag" class="link" :href="`/?tag=${tag}`">{{ tag }}
+      </a>
+    </span>
     <!-- 封面展示 -->
     <ClientOnly>
       <BlogDocCover />
@@ -200,26 +213,33 @@ const timeTitle = computed(() =>
   margin-bottom: 20px;
   display: flex;
   justify-content: center;
+
   span {
     margin-right: 16px;
     display: flex;
     align-items: center;
+
     .el-icon {
       margin-right: 4px;
     }
   }
 }
-.meta-des,.new-line-meta-des {
+
+.meta-des,
+.new-line-meta-des {
   text-align: left;
   color: var(--vp-c-text-2);
   font-size: 14px;
   margin-top: 6px;
   display: flex;
   flex-wrap: wrap;
+
   >span {
     margin-right: 16px;
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
+
     .el-icon {
       margin-right: 4px;
     }
@@ -227,12 +247,14 @@ const timeTitle = computed(() =>
 
   .link {
     color: var(--vp-c-text-2);
+
     &:hover {
       color: var(--vp-c-brand-1);
       cursor: pointer;
     }
   }
 }
+
 .tags {
   a.link:not(:last-child) {
     &::after {

package/src/composables/config/blog.ts

@@ -186,6 +186,10 @@ export function useBlogThemeMode() {
   return inject(configSymbol)!.value?.blog?.blog ?? true
 }
 
+export function useBlogInfoCollapsible() {
+  return inject(configSymbol)!.value?.blog?.home?.blogInfoCollapsible ?? false
+}
+
 export function useArticles() {
   const blogConfig = useConfig()
   const { localeIndex, site } = useData()
@@ -357,7 +361,7 @@ export function useHomeAnalysis() {
 }
 
 export function useAnalyzeTitles(wordCount: Ref<number>, readTime: ComputedRef<number>) {
-  const article = computed(() => useConfig()?.value.blog?.article)
+  const article = useArticleConfig()
 
   const topWordCount = computed(() =>
     replaceValue(article.value?.analyzeTitles?.topWordCount || '字数：{{value}} 个字', wordCount.value)

package/src/composables/config/index.ts

@@ -186,6 +186,11 @@ export namespace Theme {
      * 首页数据分析卡片
      */
     analysis?: HomeAnalysis
+    /**
+     * 首页博客信息卡片是否在移动端折叠展示
+     * @default false
+     */
+    blogInfoCollapsible?: boolean
   }
 
   export interface ArticleConfig {
@@ -403,7 +408,7 @@ export namespace Theme {
     works?: UserWorks
     /**
      * https://mermaid.js.org/config/setup/modules/mermaidAPI.html#mermaidapi-configuration-defaults for options
-     * @default true
+     * @default false
      */
     mermaid?: any
     /**

package/src/node.ts

@@ -25,13 +25,13 @@ export function getThemeConfig(cfg: Partial<Theme.BlogConfig> = {}) {
   const extraVPConfig: any = {
     vite: {
       // see https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
-      css: {
-        preprocessorOptions: {
-          scss: {
-            api: 'modern',
-          },
-        },
-      },
+      // css: {
+      //   preprocessorOptions: {
+      //     scss: {
+      //       api: 'modern',
+      //     },
+      //   },
+      // },
       build: {
         // https://vite.dev/config/build-options.html#build-chunksizewarninglimit
         chunkSizeWarningLimit: 2048

package/src/utils/node/theme.ts

@@ -26,9 +26,12 @@ export function getPageRoute(filepath: string, srcDir: string) {
 }
 
 const defaultTimeZoneOffset = new Date().getTimezoneOffset() / -60
-export async function getArticleMeta(filepath: string, route: string, timeZone = defaultTimeZoneOffset, baseContent?: string) {
-  const fileContent = baseContent || await fs.promises.readFile(filepath, 'utf-8')
-
+export async function getArticleMeta(filepath: string, route: string, timeZone = defaultTimeZoneOffset, ops?: {
+  baseContent?: string
+  cacheDir?: string
+}) {
+  const fileContent = ops?.baseContent || await fs.promises.readFile(filepath, 'utf-8')
+  const cacheDir = ops?.cacheDir
   const { data: frontmatter, excerpt, content } = grayMatter(fileContent, {
     excerpt: true,
   })
@@ -44,7 +47,7 @@ export async function getArticleMeta(filepath: string, route: string, timeZone =
   const date = await (
     (meta.date
       && new Date(`${new Date(meta.date).toUTCString()}${utcValue}`))
-    || getFileLastModifyTime(filepath)
+    || getFileLastModifyTime(filepath, cacheDir)
   )
   // 无法获取时兜底当前时间
   meta.date = formatDate(date || new Date(), 'yyyy/MM/dd hh:mm:ss')
@@ -86,8 +89,13 @@ export async function getArticles(cfg: Partial<Theme.BlogConfig>, vpConfig: Site
     const { page, route, originRoute, filepath, isDynamic, dynamicRoute } = value
 
     const metaPromise = (isDynamic && dynamicRoute)
-      ? getArticleMeta(filepath, originRoute, cfg?.timeZone, renderDynamicMarkdown(filepath, dynamicRoute.params, dynamicRoute.content))
-      : getArticleMeta(filepath, originRoute, cfg?.timeZone)
+      ? getArticleMeta(filepath, originRoute, cfg?.timeZone, {
+        baseContent: renderDynamicMarkdown(filepath, dynamicRoute.params, dynamicRoute.content),
+        cacheDir: vpConfig.cacheDir
+      })
+      : getArticleMeta(filepath, originRoute, cfg?.timeZone, {
+        cacheDir: vpConfig.cacheDir
+      })
 
     // 提前获取，有缓存取缓存
     prev[page] = {

package/src/utils/node/vitePlugins.ts

@@ -4,7 +4,7 @@ import {
 } from 'vitepress-plugin-pagefind'
 import { RssPlugin } from 'vitepress-plugin-rss'
 import type { PluginOption } from 'vite'
-import { joinPath } from '@sugarat/theme-shared'
+import { cacheAllGitTimestamps, joinPath } from '@sugarat/theme-shared'
 import { AnnouncementPlugin } from 'vitepress-plugin-announcement'
 import { groupIconVitePlugin } from 'vitepress-plugin-group-icons'
 import type { Theme } from '../../composables/config/index'
@@ -15,6 +15,9 @@ import { getArticles } from './theme'
 export function getVitePlugins(cfg: Partial<Theme.BlogConfig> = {}) {
   const plugins: any[] = []
 
+  // 缓存所有文章的 git 提交时间
+  plugins.push(cacheAllGitTimestampsPlugin())
+
   // 处理 cover image 的路径（暂只支持自动识别的文章首图）
   plugins.push(coverImgTransform())
 
@@ -266,6 +269,16 @@ export function providePageData(cfg: Partial<Theme.BlogConfig>) {
   } as PluginOption
 }
 
+export function cacheAllGitTimestampsPlugin() {
+  return {
+    name: '@sugarat/theme-plugin-cache-all-git-timestamps',
+    async config(config: any) {
+      const { srcDir } = config.vitepress
+      await cacheAllGitTimestamps(srcDir)
+    },
+  } as PluginOption
+}
+
 export function setThemeScript(
   themeColor: Theme.ThemeColor
 ) {