Kisechan/Mainpage
1
0
Fork 0
mirror of https://github.com/Kisechan/Mainpage.git synced 2025-07-09 22:57:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

更新 页面访问次数计数

Browse Source
This commit is contained in:
Kisechan
2025-07-07 20:45:30 +08:00
parent 0bafb1cb09
commit 2fc0212bb1
2 changed files with 40 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/AppFooter.vue
View File

@ -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>

17
src/views/HomeView.vue
View File

@ -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>