feat: 添加网站访问量统计

tomiaa12 · Jul 6, 2023 · 721199a · 721199a
1 parent 8f1e587
commit 721199a
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 0 deletions.
diff --git a/src/.vitepress/config.ts b/src/.vitepress/config.ts
@@ -38,6 +38,14 @@ export default defineConfig({
   lastUpdated: true,
   outDir: "../kuangyx",
   head: [
+    // 添加访问量统计
+    [
+      "script",
+      {
+        async: "true",
+        src: "//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js",
+      },
+    ],
     // 添加百度统计
     [
       "script",

diff --git a/src/components.d.ts b/src/components.d.ts
@@ -15,6 +15,7 @@ declare module '@vue/runtime-core' {
     ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
     ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
     ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElIconCamera: typeof import('@element-plus/icons-vue')['Camera']
     ElIconCaretBottom: typeof import('@element-plus/icons-vue')['CaretBottom']

diff --git a/src/index.md b/src/index.md
@@ -39,6 +39,10 @@ features:
     details: 是个路人。
 ---
 
+<el-divider content-position="center">
+  <p>本站总访问量 <span id="busuanzi_value_site_pv"></span> 次，访客数 <span id="busuanzi_value_site_uv"></span> 人次</p>
+</el-divider>
+
 <style>
 @media (min-width: 960px) {
   .home .VPHero.has-image .main {

diff --git a/src/layout/index.vue b/src/layout/index.vue
@@ -1,5 +1,10 @@
 <template>
   <defaultLayout :class="getCurClass">
+    <template #doc-footer-before>
+      <div class="page_pv">
+        本文总阅读量 <span id="busuanzi_value_page_pv" /> 次
+      </div>
+    </template>
     <template #doc-after>
       <Comment v-if="route.path !== '/'" />
     </template>
@@ -49,14 +54,17 @@ const getCurClass = computed(() => data.frontmatter.value.class)
 .home-comment {
   padding: 2em;
 }
+
 .el-backtop {
   z-index: 2001;
 }
+
 :deep(.VPNavBar) {
   .content {
     white-space: nowrap;
   }
 }
+
 :deep(.VPDoc.has-aside) {
   .content-container {
     max-width: 850px;
@@ -84,6 +92,15 @@ const getCurClass = computed(() => data.frontmatter.value.class)
   color: var(--vp-c-green);
   cursor: pointer;
 }
+
+.page_pv {
+  line-height: 32px;
+  font-size: 14px;
+  font-weight: 500;
+  text-align: right;
+  font-family: var(--vp-font-family-base);
+  color: var(--vp-c-text-1);
+}
 </style>
 
 <style lang="scss">