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

 

1、百度、谷歌统计配置

百度统计配置

注册的时候，填的域名和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">
            &copy; <%= 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可以省略。
posted @ 2017-09-08 13:11  saucxs  阅读(2199)  评论(0)  编辑  收藏  举报