📝 新增全球统计

docs/.vuepress/client.js

@@ -3,6 +3,7 @@ import {defineClientConfig} from "vuepress/client";
 import resourceStoreComp from "./components/ResStore.vue";
 import pluginStoreComp from "./components/PluginStore.vue";
 import dashComp from "./components/Dash.vue";
+import homeComp from "./components/Home.vue";
 
 
 import ElementPlus from 'element-plus';
@@ -10,6 +11,7 @@ import ElementPlus from 'element-plus';
 
 export default defineClientConfig({
     enhance: ({app, router, siteData}) => {
+        app.component("homeComp", homeComp);
         app.component("dashComp", dashComp);
         app.component("resourceStoreComp", resourceStoreComp);
         app.component("pluginStoreComp", pluginStoreComp);

docs/.vuepress/components/Home.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+</template>
+
+<style scoped>
+
+</style>

docs/.vuepress/public/js/get_data.js

@@ -1,27 +1,39 @@
+// 定义全局变量来存储数据
+let globalTotal = 0;
+let globalOnline = 0;
 
-function updatePageData() {
-  fetch("https://api.liteyuki.icu/count")
-    .then(res => res.json())
-    .then(data => {
-      let total = document.getElementById("total");
-      if(total !== null) {
-        total.innerText = data.register;
-      }
-    })
-    .catch(err => console.error(err));
-
-  fetch("https://api.liteyuki.icu/online")
-    .then(res => res.json())
-    .then(data => {
-        let online = document.getElementById("online");
-        if(online !== null) {
-            online.innerText = data.online;
-        }
-    })
-    .catch(err => console.error(err));
+// 从API获取数据并更新全局变量
+function fetchAndUpdateData() {
+    Promise.all([
+        fetch("https://api.liteyuki.icu/count").then(res => res.json()),
+        fetch("https://api.liteyuki.icu/online").then(res => res.json())
+    ])
+        .then(([countRes, onlineRes]) => {
+            globalTotal = countRes.register;
+            globalOnline = onlineRes.online;
+        })
+        .catch(err => {
+            console.error("Error fetching data:", err);
+        });
 }
 
-updatePageData();
-setInterval(() => {
-  updatePageData();
-}, 1000);
+// 更新页面显示，使用全局变量中的数据
+function updatePageDisplay() {
+    let countInfo = document.getElementById("count-info");
+    if (!countInfo) {
+        let info = `<div id="count-info" style="text-align: center; font-size: 20px; font-weight: 500">
+            全球实例:<span id="total">${globalTotal}</span>&nbsp;&nbsp;&nbsp;&nbsp;当前在线:<span id="online">${globalOnline}</span></div>`;
+        let mainDescription = document.querySelector("#main-description");
+        if (mainDescription) {
+            mainDescription.insertAdjacentHTML('afterend', info);
+        }
+        // 如果countInfo存在，可以在这里添加逻辑来更新现有的DOM元素
+    }
+}
+
+// 初始调用更新数据
+fetchAndUpdateData();
+
+// 设置定时器，分别以不同频率调用更新数据和更新页面的函数
+setInterval(fetchAndUpdateData, 10000); // 每10秒更新一次数据
+setInterval(updatePageDisplay, 1000); // 每1秒更新一次页面显示

docs/README.md

@@ -9,7 +9,7 @@ bgImageDark:
 bgImageStyle:
   background-attachment: fixed
 heroText: LiteyukiBot
-tagline: LiteyukiBot 轻雪机器人，基于NoneBot2构建的综合应用型聊天机器人 总实例:<span id="total">0</span>&nbsp;&nbsp;&nbsp;&nbsp;当前在线:<span id="online">0</span>
+tagline: LiteyukiBot 轻雪机器人，基于NoneBot2构建的综合应用型聊天机器人
  
 actions:
   - text: 快速部署