@sugarat/theme 0.4.1 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.4.1",
+  "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 {