valine count 13/06/2020
最近更新于:

页面评论次数

据说是通过选择 class 为 valine-comment-count 然后取其 data-xid 属性为文章链接(pathurl)的元素来填充评论数量。早前我试过,无果后就没管了(其实也是有几个原因在才导致获取无效的)

data-xid

class 类名不用说,加上就行了。这里说一下这个 data-xid 需要填什么,之前我一直以为要填文章当前url,也就是这样


    <span class="valine-comment-count" data-xid="/valine-comment-count_200613"></span>


结果不是。。需要把当前网站目录名也加上然后才能获取到


    <span class="valine-comment-count" data-xid="/notes/valine-comment-count_200613"></span>


不要忘了:/

初始化

因为像这种统计次数的页面一般不存在开放评论,记得要引用 valine.min.js 完成初始化后才能正常获取到数量。


    //初始化 valine 获取页面评论数量
    new Valine({
       el: '#vcomments',
       appId: 'appId',
       appKey: 'appKey'
   });


验证表明,如果页面已经引用 valine.js.org 则无需再次引用,只需加载完成后初始化 valine 即可(这种情况一般发生在动态加载 dom 时则无需重复引用)

实际应用

目前用到了 news 和 notes 两个页面上,使用 # 号后跟次数



以上,有问题在评论区反馈。