#

不蒜子

By DoubleSpirit121 1 Views 3 MIN READ 0 Comments
集成不蒜子统计插件,显示页面浏览量统计信息。不蒜子是一个轻量级的中国本土网站统计工具,相比 Google Analytics 更加简洁,可以显示站点总访问量、页面浏览次数等信息,适合中文站点使用。

安装插件

pnpm add -D busuanzi.pure.js
// .vitepress/theme/index.ts
import DefaultTheme from 'vitepress/theme'

import { inBrowser } from 'vitepress'
import busuanzi from 'busuanzi.pure.js'

export default {
  extends: DefaultTheme,

  enhanceApp({ app , router }) {
    if (inBrowser) {
      router.onAfterRouteChanged = () => {
        busuanzi.fetch()
      }
    }
  },
  
}

将其放置到团队页面中

<!-- 访问人数 -->
<div style="
  text-align: center;
  margin-top: 3rem;
  font-size: 0.875rem;   /* 14px */
  color: #666;
">
  本站总访问量 <span id="busuanzi_value_site_pv"></span> 次<br>
  本站访客数 <span id="busuanzi_value_site_uv"></span> 人次
</div>

本文由 DoubleSpirit121 原创

采用 CC BY-NC-SA 4.0 协议进行许可

转载请注明出处:https://blog.mcoo.top/index.php/archives/36/

加入 Mcoo

0 评论

发表评论