You've successfully subscribed to 完美的胖达
Great! Next, complete checkout for full access to 完美的胖达
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.
Ghost博客访问量统计

Ghost博客访问量统计

. 3 min read

诶,是不是发重复了啊,昨天不是发过了么?

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

昨天流量统计有两个问题,一个是必须翻墙才能统计到(如果谷歌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让代码生效。

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

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


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