@sugarat/theme 0.4.0 → 0.4.2

package/node.d.ts

@@ -175,6 +175,11 @@ declare namespace Theme {
          */
         style?: 'card' | 'sidebar';
     }
+    interface HomeAnalysis {
+        articles?: {
+            title?: string[];
+        };
+    }
     interface HomeBlog {
         name?: string;
         motto?: string;
@@ -187,6 +192,10 @@ declare namespace Theme {
          * @default 'card'
          */
         avatarMode?: 'card' | 'split';
+        /**
+         * 首页数据分析卡片
+         */
+        analysis?: HomeAnalysis;
     }
     interface ArticleConfig {
         readingTime?: boolean;

package/node.js

@@ -764,6 +764,7 @@ function providePageData(cfg) {
 // src/node.ts
 function getThemeConfig(cfg = {}) {
   checkConfig(cfg);
+  cfg.mermaid = cfg.mermaid ?? false;
   const pagesData = [];
   const extraVPConfig = {
     vite: {}
@@ -772,7 +773,6 @@ function getThemeConfig(cfg = {}) {
   registerVitePlugins(extraVPConfig, vitePlugins);
   const markdownPlugin = getMarkdownPlugins(cfg);
   registerMdPlugins(extraVPConfig, markdownPlugin);
-  cfg.mermaid = cfg.mermaid ?? false;
   if (cfg?.mermaid !== false) {
     patchMermaidPluginCfg(extraVPConfig);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",

package/src/components/BlogHomeOverview.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import { useData } from 'vitepress'
 import { isCurrentWeek } from '../utils/client'
-import { useArticles, useBlogConfig } from '../composables/config/blog'
+import { useArticles, useBlogConfig, useHomeAnalysis } from '../composables/config/blog'
 import BlogAuthor from './BlogAuthor.vue'
 
 const { home } = useBlogConfig()
@@ -31,6 +31,9 @@ const currentWeek = computed(() => {
     return isCurrentWeek(pubDate)
   })
 })
+
+const analysis = useHomeAnalysis()
+const titles = computed(() => (frontmatter.value?.blog?.analysis?.articles?.title || analysis?.articles?.title || []))
 </script>
 
 <template>
@@ -41,17 +44,17 @@ const currentWeek = computed(() => {
     <div class="overview-data">
       <div class="overview-item">
         <span class="count">{{ notHiddenArticles.length }}</span>
-        <span class="label">博客文章</span>
+        <span class="label">{{ titles[0] || '博客文章' }}</span>
       </div>
       <div class="split" />
       <div class="overview-item">
         <span class="count">+{{ currentMonth?.length }}</span>
-        <span class="label">本月更新</span>
+        <span class="label">{{ titles[1] || '本月更新' }}</span>
       </div>
       <div class="split" />
       <div class="overview-item">
         <span class="count">+{{ currentWeek?.length }}</span>
-        <span class="label">本周更新</span>
+        <span class="label">{{ titles[2] || '本周更新' }}</span>
       </div>
     </div>
   </div>

package/src/composables/config/blog.ts

@@ -233,3 +233,7 @@ export function useCleanUrls() {
 export function useImageStyle() {
   return inject(configSymbol)?.value?.blog?.imageStyle || {} as Theme.ImageStyleConfig
 }
+
+export function useHomeAnalysis() {
+  return inject(configSymbol)?.value?.blog?.home?.analysis
+}

package/src/composables/config/index.ts

@@ -185,6 +185,12 @@ export namespace Theme {
     style?: 'card' | 'sidebar'
   }
 
+  export interface HomeAnalysis {
+    articles?: {
+      title?: string[]
+    }
+  }
+
   export interface HomeBlog {
     name?: string
     motto?: string
@@ -197,6 +203,10 @@ export namespace Theme {
      * @default 'card'
      */
     avatarMode?: 'card' | 'split'
+    /**
+     * 首页数据分析卡片
+     */
+    analysis?: HomeAnalysis
   }
 
   export interface ArticleConfig {

package/src/node.ts

@@ -17,6 +17,9 @@ export function getThemeConfig(cfg: Partial<Theme.BlogConfig> = {}) {
   // 配置校验
   checkConfig(cfg)
 
+  // 默认不开启 markdown 图表，会明显影响构建速度
+  cfg.mermaid = cfg.mermaid ?? false
+
   // 文章数据
   const pagesData: Theme.PageData[] = []
   const extraVPConfig: any = {
@@ -34,8 +37,6 @@ export function getThemeConfig(cfg: Partial<Theme.BlogConfig> = {}) {
   registerMdPlugins(extraVPConfig, markdownPlugin)
 
   // patch extraVPConfig
-  // 默认不开启 markdown 图表，会明显影响构建速度
-  cfg.mermaid = cfg.mermaid ?? false
   if (cfg?.mermaid !== false) {
     patchMermaidPluginCfg(extraVPConfig)
   }