Ghost博客访问量统计

完美的胖达 -

诶，是不是发重复了啊，昨天不是发过了么？

嘿嘿，昨天是流量统计，今天我们说的是访问量统计，还是不一样哈。

昨天流量统计有两个问题，一个是必须翻墙才能统计到（如果谷歌js文件被墙的情况下），另外一个就是必须去后台查看数据，没有那种前台刷数字的快感。

所以我又翻了一下网络，找到一个简单实现访问量统计的办法。

感谢不蒜子：
http://ibruce.info/2015/04/04/busuanzi/

首先我们在Code Injection中Header部分插入如下代码：

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

然后修改全网footer统计：

cd /var/www/ghost
sudo nano content/themes/nubia/partials/footer.hbs

在文件末尾附近Copyright处修改代码为

          <div class='o-grid__col o-grid__col--4-4-s o-grid__col--2-4-m'>
            <div class='u-font-size-tiny c-footer__copyright'>
              &copy; {{ date format='YYYY' }} {{ @blog.title }} - {{{t "Published with {ghostlink}" ghostlink="<a href=\"https://ghost.org\">Ghost</a>" }}}
本站总计被访问<span id="busuanzi_value_site_pv"></span>次/
<span id="busuanzi_container_site_uv">总访客数&nbsp;<span id="busuanzi_value_site_uv"></span></span>
            </div>
          </div>

修改文章页面显示统计：

sudo nano content/themes/nubia/post.hbs

在分享模块代码处修改为：

        <div class='o-grid__col o-grid__col--4-4-s o-grid__col--4-4-m o-grid__col--2-4-l'>
            {{> share }}
            <div align=right id="busuanzi_container_page_pv" style="font-size: 0.9rem">本篇已被阅读&nbsp;<span id="busuanzi_value_page_pv"></span>次</div>
        </div>

然后别忘记ghost restart让代码生效。

就能实现类似本博客的访问量统计效果了。

没事刷新一下网站，看着数字上涨，果然是闲得无聊呢。

一步步教你从零开始搭博客系列：