github+hexo搭建自己的博客网站（四）主题之外的一些基本配置(百度/google统计配置，不蒜子网站访问量显示)

1、百度、谷歌统计配置

百度统计配置

申请账号：https://tongji.baidu.com/web/welcome/login

在代码获取的地方只要填入key即可

注册的时候，填的域名和url，我选的都是https://saucxs.github.io/



在yilia主题下文件里themes\yilia文件夹下的_config.yml)找到这个baidu_analytics

# Miscellaneous
baidu_analytics: 'ace6dXXXXXXXXXXfbc'
google_analytics: 'UA-9700XXXXXXXXXXXXXX'

就可以统计网站访问情况了，如下图，点击查看报告



查看报告，就可以看到具体的统计分析。



谷歌统计同理

2、不蒜子网站访问量显示

“不蒜子”与百度统计谷歌分析等有区别：“不蒜子”可直接将访问次数显示在您在网页上（也可不显示）；对于已经上线一段时间的网站，“不蒜子”允许您初始化首次数据。

2.1实现方法

使用了不蒜子第三方的统计插件，网址：http://ibruce.info/2015/04/04/busuanzi/

在

themes\yilia\layout\_partial

下的

footer.ejs

中加入如下代码即可，红色部分是需要新增加的代码。

<footer id="footer">
<div class="outer">
<div id="footer-info">
<div class="footer-left">
© <%= date(new Date(), 'YYYY') %> <%= config.author || config.title %>
</div>
<!--统计start-->
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
<span id="busuanzi_container_site_pv">
本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>
<span id="busuanzi_container_site_uv">
总访客数<span id="busuanzi_value_site_uv"></span>人次
</span>
<!--统计end-->
<div class="footer-right">
<a href="http://hexo.io/" target="_blank">Hexo</a>  Theme <a href="https://github.com/litten/hexo-theme-yilia" target="_blank">Yilia</a> by Litten
</div>
</div>
</div>
</footer>

2.2显示效果



扩展

增加本文的总阅读量：

本站总访问量<span id="busuanzi_value_site_pv"></span>次
本站访客数<span id="busuanzi_value_site_uv"></span>人次
本文总阅读量<span id="busuanzi_value_page_pv"></span>次

或者个性化一点

Total <span id="busuanzi_value_site_pv"></span> views.
您是xxx的第<span id="busuanzi_value_site_uv"></span>个小伙伴
<span id="busuanzi_value_page_pv"></span> Hits

注意：

busuanzi_value_site_pv 的作用是异步回填访问数，这个id一定要正确。

busuanzi_container_site_pv的作用是为防止计数服务访问出错或超时（3秒）的情况下，使整个标签自动隐藏显示，带来更好的体验。这个id可以省略。