Valine 获取页面评论次数

2024-03-12 10:13:57 浏览数 (1)

页面评论次数

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

data-xid

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

代码语言:javascript复制
<span class="valine-comment-count" data-xid="/valine-comment-count_200613"></span>

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

代码语言:javascript复制
<span class="valine-comment-count" data-xid="/notes/valine-comment-count_200613"></span>

不要忘了: /

初始化

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

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

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

实际应用

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

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

0 人点赞