为博客添加访问统计!

Posted by XTXTMTXTX on 2018-11-21
Web


首先我这个博客是拿HEXO弄的,所以理论上别的博客也适用(大概)。
首先就是这个东东啦,叫不蒜子,网站在这里:busuanzi.ibruce.info
网上搜HEXO+访问统计也能搜到讲这个东西的,不过我直接照着别人博客往自己的博客加会出现奇怪问题,后来发现官网上写:
因七牛强制过期『dn-lbstatics.qbox.me』域名,与客服沟通无果,只能更换域名到『busuanzi.ibruce.info』!
嗯,破案了。
首先地址要这么弄
脚本:<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
网站流量统计:<span id="busuanzi_container_site_uv">本站总访问量<span id="busuanzi_value_site_uv"></span>次</span>
文章流量统计:<span id="busuanzi_container_page_pv">本站总访问量<span id="busuanzi_value_page_pv"></span>次</span>
需要注意的是其中pv、uv可以互换,区别就是pv是刷新一次算一次,uv是一个用户最多算一次。

然后就是怎么实装了!

首先找到HEXO文件夹里的\themes\你用的主题\layout\
在这个文件夹及子文件夹\_partial找文件
我用的是clean blog,所以是在\_partial\footer.ejs里放脚本以及网站流量统计,在\_partial\article-full.ejs里放的文章流量统计。
那么怎么放呢?
打开footer.ejs(编辑器自理),在<footer>后换一行加入脚本那一串代码即可,之后也不需要再引用了。然后拉到文件末尾区域,找到你博客类似“copyright”什么什么的文字,自行理解那几行分别是干什么的,然后在你觉得合适的地方插入网站流量统计的那串代码。
然后网站流量统计已经可以用了,不过如果你preview的话会发现那个流量统计的文字出奇的格格不入x
怎么解决呢?在每个<span和紧接其后的id中间插入上下文中相同的class或者style或者之类的
然后再根据原本的文字十分居中在整个统计的那行代码左右分别插入<enter>和</center>
比如我本来上下文有<p class="copyright text-muted">Adapted for <a target="_blank" href="https://hexo.io/">Hexo</a> by <a href="http://www.codeblocq.com/" target="_blank">Jonathan Klughertz</a></p>
那我就把原本的统计代码弄成<center><span class="copyright text-muted" id="busuanzi_container_site_uv">本站总访问量<span class="copyright text-muted" id="busuanzi_value_site_uv"></span class="copyright text-muted">次</span></center>
这样就可以配对啦。

然后还有页面的访问量,我的是打开\_partial\article-full.ejs,然后找到类似’<!-- Comments -->'或者之类能看出来表示某一个板块的代码段后加上了文章流量统计代码,为了显得更加和谐,我加入的代码是<center><span class="copyright text-muted" id="busuanzi_container_page_pv">本文总阅读量<span class="copyright text-muted" id="busuanzi_value_page_pv"></span class="copyright text-muted">次</span></center>还是看大家想怎么弄自行修改啦。

然后就这么多,看不懂的话,,善用搜索引擎吧(雾)。


当你在凝视深渊的时候 深渊也正在凝视着你