From 0f9683de89db6f30162d1f7019f535cd32cfb3c3 Mon Sep 17 00:00:00 2001
From: snowykami <snowykami@outlook.com>
Date: Sun, 1 Sep 2024 22:30:46 +0800
Subject: [PATCH] =?UTF-8?q?:memo:=20[docs]:=20=E6=96=B0=E5=A2=9E=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/config/en.ts    |  7 ++++++
 docs/.vitepress/config/zh.ts    |  7 ++++++
 docs/components/StatsBar.vue    | 41 ++++++++++++++++++++++-----------
 docs/components/scripts/i18n.ts |  2 ++
 docs/en/index.md                |  1 -
 docs/zh/index.md                |  1 -
 6 files changed, 43 insertions(+), 16 deletions(-)

diff --git a/docs/.vitepress/config/en.ts b/docs/.vitepress/config/en.ts
index ecfab4a1..94fae5b9 100644
--- a/docs/.vitepress/config/en.ts
+++ b/docs/.vitepress/config/en.ts
@@ -24,5 +24,12 @@ export const en = defineConfig({
             copyright: ThemeConfig.copyright
         },
         outline: ThemeConfig.getOutLine("Page Content"),
+
+        langMenuLabel: 'Language',
+        returnToTopLabel: 'Back to top',
+        sidebarMenuLabel: 'Menu',
+        darkModeSwitchLabel: 'Theme',
+        lightModeSwitchTitle: 'Light Mode',
+        darkModeSwitchTitle: 'Dark Mode',
     },
 })
\ No newline at end of file
diff --git a/docs/.vitepress/config/zh.ts b/docs/.vitepress/config/zh.ts
index 57143ad3..224f0b03 100644
--- a/docs/.vitepress/config/zh.ts
+++ b/docs/.vitepress/config/zh.ts
@@ -24,5 +24,12 @@ export const zh = defineConfig({
             copyright: ThemeConfig.copyright
         },
         outline: ThemeConfig.getOutLine("页面内容"),
+
+        langMenuLabel: '语言',
+        returnToTopLabel: '返回顶部',
+        sidebarMenuLabel: '菜单',
+        darkModeSwitchLabel: '主题',
+        lightModeSwitchTitle: '轻色模式',
+        darkModeSwitchTitle: '深色模式',
     },
 })
\ No newline at end of file
diff --git a/docs/components/StatsBar.vue b/docs/components/StatsBar.vue
index ab80ac74..0dc9ad12 100644
--- a/docs/components/StatsBar.vue
+++ b/docs/components/StatsBar.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import DefaultTheme from "vitepress/theme";
-import {ref, onMounted, onUnmounted, watch} from "vue";
+import {ref, onMounted, onUnmounted} from "vue";
 import {statsApi, GithubStats, RepoUrl, StarMapUrl} from "./scripts/statsApi";
 import {getTextRef, updateRefData} from "./scripts/i18n";
-import { onBeforeRouteUpdate } from 'vue-router';
-import {useData} from "vitepress";
+import {onBeforeRouteUpdate} from 'vue-router';
 
 const {Layout} = DefaultTheme;
 
@@ -104,17 +103,19 @@ onBeforeRouteUpdate(() => {
   <Layout>
     <template #home-features-before>
       <div class="stats-bar-content">
-        <div class="button" @click="updateRefData">Update</div>
         <div class="stats-bar">
           <div class="stats-info">
-            <div v-for="section in Object.values(dataSections)" :key="section.name" class="section">
-              <a :href="section.link" target="_blank">
-                <div class="section-tab">
-                  <span class="dot" :style="{backgroundColor: section.color}"></span>
-                  <span class="text">{{ getTextRef(section.name) }}</span>
-                </div>
-                <div class="number">{{ section.value.value }}</div>
-              </a>
+            <div class="stats-title">{{ getTextRef('stats') }}</div>
+            <div class="sections">
+              <div v-for="section in Object.values(dataSections)" :key="section.name" class="section">
+                <a :href="section.link" target="_blank">
+                  <div class="section-tab">
+                    <span class="dot" :style="{backgroundColor: section.color}"></span>
+                    <span class="text">{{ getTextRef(section.name) }}</span>
+                  </div>
+                  <div class="number">{{ section.value.value }}</div>
+                </a>
+              </div>
             </div>
           </div>
           <div class="starmap">
@@ -147,7 +148,19 @@ onBeforeRouteUpdate(() => {
   flex-direction: column; /* 默认纵向布局 */
 }
 
-.stats-info {
+.stats-info{
+  margin-bottom: 20px;
+}
+
+.stats-title {
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  text-align: center;
+}
+
+.sections {
+  height: 100%;
   width: 100%;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
@@ -232,7 +245,7 @@ onBeforeRouteUpdate(() => {
 
   .stats-info {
     width: 40%;
-    margin: 20px;
+    margin: 30px;
   }
 
   .starmap {
diff --git a/docs/components/scripts/i18n.ts b/docs/components/scripts/i18n.ts
index d2f713c8..632c6cf9 100644
--- a/docs/components/scripts/i18n.ts
+++ b/docs/components/scripts/i18n.ts
@@ -4,6 +4,7 @@ import {useData} from "vitepress";
 
 const i18nData = {
     en: {
+        stats: 'Stats',
         online: 'Online',
         offline: 'Offline',
         total: 'Total',
@@ -22,6 +23,7 @@ const i18nData = {
         resourceStore: 'Resources Store',
     },
     zh: {
+        stats: '统计信息',
         online: '在线',
         offline: '离线',
         total: '实例',
diff --git a/docs/en/index.md b/docs/en/index.md
index 8ad4dc87..095590d9 100644
--- a/docs/en/index.md
+++ b/docs/en/index.md
@@ -3,7 +3,6 @@ layout: home
 
 hero:
   name: "LiteyukiBot"
-  text: "Litedoc"
   tagline: "An integrated chat bot application and management framework"
   actions:
     - theme: brand
diff --git a/docs/zh/index.md b/docs/zh/index.md
index 55745b15..2a5b54c8 100644
--- a/docs/zh/index.md
+++ b/docs/zh/index.md
@@ -3,7 +3,6 @@ layout: home
 
 hero:
   name: "轻雪机器人"
-  text: "文档"
   tagline: "一个综合性的聊天机器人应用及管理框架"
   actions:
     - theme: brand