From 2fc0212bb1147ed541008774944f1ce36737dcbb Mon Sep 17 00:00:00 2001
From: Kisechan <kisechan_@outlook.com>
Date: Mon, 7 Jul 2025 20:45:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=AE=BF=E9=97=AE=E6=AC=A1=E6=95=B0=E8=AE=A1=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AppFooter.vue | 29 ++++++++++++++++++++++++-----
 src/views/HomeView.vue       | 17 ++++++++++++++++-
 2 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index 98b7db8..48148da 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -2,7 +2,11 @@
   <el-footer>
     <div class="footer-content">
       <div class="footer-text">
-        <p><a href="https://icp.gov.moe/?keyword=20251453" target="_blank">萌ICP备20251453号</a></p>
+        <p>
+          <a href="https://icp.gov.moe/?keyword=20251453" target="_blank"
+            >萌ICP备20251453号</a
+          >
+        </p>
         <p>
           &copy; 2025 By
           <a
@@ -12,16 +16,32 @@
             ><strong>Kisechan</strong></a
           >
         </p>
-        <p style="font-size: 0.75em;">
-          Made With <a href="https://cn.vuejs.org/">Vue3</a> & <a href="https://element-plus.org/zh-CN/">Element Plus</a>
+        <p style="font-size: 0.75em">
+          Made With <a href="https://cn.vuejs.org/">Vue3</a> &
+          <a href="https://element-plus.org/zh-CN/">Element Plus</a>
         </p>
       </div>
+      <div class="counter" align="center">
+        <span id="my-site-view">本站总访问量：加载中...</span>
+      </div>
     </div>
   </el-footer>
 </template>
 
 <script setup>
-// 可以在这里定义一些逻辑
+import { onMounted } from "vue";
+const counterJsUrl = import.meta.env.VITE_COUNTER_JS_URL;
+
+onMounted(() => {
+  if (counterJsUrl) {
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = counterJsUrl;
+    document.body.appendChild(script);
+  } else {
+    console.warn("VITE_COUNTER_JS_URL is not defined");
+  }
+});
 </script>
 
 <style scoped>
@@ -38,5 +58,4 @@
 /* .social-icons {
   margin-top: 10px;
 } */
-
 </style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 2c74213..033d7b0 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -45,6 +45,9 @@
               <a href="https://element-plus.org/zh-CN/">Element Plus</a>
             </p>
           </div>
+          <div class="counter" align="center">
+            <span id="my-site-view">本站总访问量：加载中...</span>
+          </div>
         </el-col>
         <el-col :xs="24" :sm="24" :md="16" :lg="16" :xl="16">
           <el-card>
@@ -134,6 +137,7 @@ import { ref, onMounted } from "vue";
 import GitHubCalendar from "github-calendar"; // 静态导入
 
 const feedItems = ref([]);
+const counterJsUrl = import.meta.env.VITE_COUNTER_JS_URL;
 
 const loadGitHubCalendar = () => {
   const calendarContainerSelector = "#github-graph";
@@ -185,11 +189,22 @@ const goToBlog = () => {
   window.open("https://blog.kisechan.space", "_self");
 };
 
+const loadCounterScript = () => {
+  if (counterJsUrl) {
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = counterJsUrl;
+    document.body.appendChild(script);
+  } else {
+    console.warn("VITE_COUNTER_JS_URL is not defined");
+  }
+};
+
 onMounted(() => {
+  loadCounterScript();
   loadGitHubCalendar();
   fetchRSSFeed();
 });
-
 </script>
 
 <style scoped>