busuanzi.pure.js

 _                                     _                           _
| |__  _   _ ___ _   _  __ _ _ __  ___(_)  _ __  _   _ _ __ ___   (_)___
| '_ \| | | / __| | | |/ _` | '_ \|_  / | | '_ \| | | | '__/ _ \  | / __|
| |_) | |_| \__ \ |_| | (_| | | | |/ /| |_| |_) | |_| | | |  __/_ | \__ \
|_.__/ \__,_|___/\__,_|\__,_|_| |_/___|_(_) .__/ \__,_|_|  \___(_)/ |___/
                                          |_|                   |__/

介绍

    不蒜子访问量统计功能

推荐一款Hexo主题

一个简洁优雅的hexo主题 ➡️ https://github.com/JoeyBling/hexo-theme-yilia-plus

开始使用

yarn add busuanzi.pure.js
# or
npm install busuanzi.pure.js --save

Example

Vue.js

<template>
  <div class="busuanzi">
    <span id="busuanzi_container_site_pv" style="display:none">
      本站总访问量
      <span id="busuanzi_value_site_pv"></span>次
      <span class="post-meta-divider">|</span>
    </span>
    <span id="busuanzi_container_site_uv" style="display:none">
      本站访客数
      <span id="busuanzi_value_site_uv"></span>人
    </span>
  </div>
</template>

<script>
/* 不蒜子访问量统计 */
let script;

export default {
  mounted() {
    script = require("busuanzi.pure.js");
  },
  // 监听,当路由发生变化的时候执行
  watch: {
    $route(to, from) {
      if (to.path != from.path) {
        script.fetch();
      }
      // console.log(to.path);
    }
  }
};
</script>

其它项目支持

• 一款简洁优雅的hexo主题：hexo-theme-yilia-plus

• 一款简洁优雅的VuePress主题：vuepress-theme-yilia-plus

• VuePress集成Live2D看板娘：vuepress-plugin-helper-live2d

关于我

• 个人博客
• 技术笔记
• GitHub
• 码云
• 简书
• CSDN
• 知乎
• 微博
• 主要涉及技术：Java后端开发、聚合支付、公众号开发、开源爱好者、Linux

LICENSE