Valine 获取页面评论次数

672°C 13-06-2020 notbyai
最近更新于:2022-06-16 00:01:56

文章摘要moonshot-v1-8k

Standby API 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 两个页面上,使用 # 号后跟次数

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


评论留言

既来之则留之~ 欢迎在下方留言评论,提交评论后还可以撤销或重新编辑。(Valine 会自动保存您的评论信息到浏览器)