valine

本文也是用到了valine的阅读数功能
至于valine如何申请，请去这篇文章中学习
这里就不多说了

开始

JS

一般的valine前端配置是

       new Valine({
                    el:'#vcomment',
                    appId: '填入AppID',
                    appKey: '填入AppKey',
                    avatar:'monsterid',
                    placeholder:"来说一说..."
                })

这样的
我们要添加阅读数功能，只需要在其中添加

new Valine({
    ...
    visitor: true // 阅读量统计
})

总的就是就是

       new Valine({
                    el:'#vcomment',
                    appId: '填入AppID',
                    appKey: '填入AppKey',
                    avatar:'monsterid',
                    placeholder:"来说一说...",
                    visitor: true // 阅读量统计
                })

添加后valine就可以自动检测谁访问了你的网页

HTML

在你先要添加阅读数显示位置的地方，添加以下代码

<span id="<Your/Path/Name>" class="leancloud_visitors" data-flag-title="Your Article Title">
    <em class="post-meta-item-text">阅读量 </em>
    <i class="leancloud-visitors-count"></i>
</span>

<Your/Path/Name>填入你想获取阅读量的网页，比如：
我想获取https://cfblog.yhswz.eu.org/article/000011/build_valine.html这个网页的阅读量，那在<Your/Path/Name>中就填入https://cfblog.yhswz.eu.org/article/000011/build_valine.html
前提是这个网页你已经添加了你的valine的配置

结尾

最后说一句，如果你还不清楚原理，你可以去valine的官方页面查看，或在评论区请教站主qwq