不蒜子访问量统计功能
_ _ _
| |__ _ _ ___ _ _ __ _ _ __ ___(_) _ __ _ _ _ __ ___ (_)___
| '_ \| | | / __| | | |/ _` | '_ \|_ / | | '_ \| | | | '__/ _ \ | / __|
| |_) | |_| \__ \ |_| | (_| | | | |/ /| |_| |_) | |_| | | | __/_ | \__ \
|_.__/ \__,_|___/\__,_|\__,_|_| |_/___|_(_) .__/ \__,_|_| \___(_)/ |___/
|_| |__/
不蒜子访问量统计功能
推荐一款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
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。