更新：优化页面访问量显示位置

src/components/AppFooter.vue

@@ -2,7 +2,12 @@
   <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>
+        <span id="my-site-view">本站总访问量：加载中...</span>
         <p>
           &copy; 2025 By
           <a
@@ -12,8 +17,9 @@
             ><strong>Kisechan</strong></a
           >
         </p>
-        <p style="font-size: 0.75em;">
+        <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>
+          Made With <a href="https://cn.vuejs.org/">Vue3</a> &
+          <a href="https://element-plus.org/zh-CN/">Element Plus</a>
         </p>
       </div>
     </div>
@@ -21,7 +27,19 @@
 </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 +56,4 @@
 /* .social-icons {
   margin-top: 10px;
 } */
-
 </style>

src/views/HomeView.vue

@@ -31,6 +31,7 @@
                 >萌ICP备20251453号</a
               >
             </p>
+            <span id="my-site-view">本站总访问量：加载中...</span>
             <p>
               &copy; 2025 By
               <a
@@ -134,6 +135,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 +187,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>