码迷,mamicode.com
首页 > Web开发 > 详细

github+hexo搭建自己的博客网站(四)主题之外的一些基本配置(统计配置,网站访问量显示)

时间:2017-09-08 14:52:01      阅读:650      评论:0      收藏:0      [点我收藏+]

标签:new   ejs   rip   com   ace   div   pre   bst   网站   

 

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显示效果

技术分享

 

github+hexo搭建自己的博客网站(四)主题之外的一些基本配置(统计配置,网站访问量显示)

标签:new   ejs   rip   com   ace   div   pre   bst   网站   

原文地址:http://www.cnblogs.com/chengxs/p/7440382.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!