Valine 获取页面评论次数

文章摘要chatGPT

standby chatGPT responsing..

页面评论次数

据说是通过选择 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 两个页面上，使用 # 号后跟次数

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