前言
实现文章阅读量统计的方法有很多，比较方便的有valine、不蒜子，因为我的博客已经使用了valine评论功能，所以用valine实现更方便，下面概述一下实现方法。
valine使用介绍
在个人博客使用valine评论系统这篇文章中，我介绍了使用valine为博客添加评论功能的方法，而如果要添加文章统计，只需增加几行内容即可，valine官方的使用方法介绍的很简单，如果对前端不熟悉，可能无法使用成功，小白的配置方法如下
新增valine统计配置项
在valine_comment.html文件中新增visitor: 'true'配置
1
2
3
4
5
6
7
8
9
10
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
<script>
new Valine({
el: ...
app_id: ...
app_key: ...
placeholder: ...
visitor: 'true' // 阅读量统计
});</script>
添加获取统计量代码
span的id必须是查询条件，必须设置成统计页面的url，如下<span id="/2020/10/08/Hello-August/">
添加{% include valine_comment.html %}的原因是必须new一个valine对象才可以进行查询，注意{}和%之间没有空格，因为这里会转义，无法合并打出。
{% include valine_comment.html %}
1
2
3
4
<span id="" class="leancloud-visitors fa-wrap" data-flag-title="">
<i class="fa fa-eye" aria-hidden="true"></i>
<i class="leancloud-visitors-count"></i>
</span>
效果展示
文章列表页面统计效果：
文章内容统计效果
