更新：添加 Actinium's Blog 的链接信息

更新： 关于构建的说明

README.md

@@ -37,14 +37,16 @@ npm install
 
 ### 构建
 
-克隆本仓库：
+1. **Fork 本仓库**
+
+2. **克隆你的新仓库**：
 
 ```bash
-git clone git@github.com:Kisechan/Mainpage.git
+git clone git@github.com:YourUsername/Mainpage.git
 cd Mainpage/
 ```
 
-启动开发服务器：
+3. **启动开发服务器**：
 
 ```bash
 npm run dev
@@ -52,7 +54,7 @@ npm run dev
 
 ---
 
-构建生产版本：
+4. **构建生产版本**：
 
 ```bash
 npm run build

public/links.yml

@@ -20,3 +20,11 @@
       title: "arctanp blog"
       description: "间接性踌躇满志，持续性混吃等死"
       url: "https://blog.arctanp.top/"
+    - avatar: "https://avatars.githubusercontent.com/u/72173228?v=4 "
+      title: "CompJIN☆"
+      description: "CompJIN 的存档点"
+      url: "https://compjin.github.io"
+    - avatar: "https://pic.arctanp.top/PicGo/Actinos.png"
+      title: "Actinium's Blog"
+      description: "Το ιστολόγιο του Ακτίνος Οξυφλώρου"
+      url: "https://blog.actinium233.com/"

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>