评论数统计

大约 1 分钟...

Waline 支持在非评论区单独显示评论数。

自动更新

你可以在 init 函数通过设置 comment 选项为 true 来开启评论数统计。

Waline.init({
  el: '#waline',
  // ...
  comment: true, // 评论数统计
});

Waline 会自动查找页面中 class 值为 waline-comment-count 的元素,获取其 data-path 为查询条件,并将值填入其中。

<!-- data-path 将作为查询条件 -->
当前页共有
<span
  class="waline-comment-count"
  data-path="/guide/client/count.html"
/>条评论。

如果你需要一个不一样的选择器,你可以设置 comment 选项为这个选择器。

每次当你调用 WalineInstance.update() 时,Waline 会重新查找页面并自动更新评论数。

例子

当前页共有
<span
  class="waline-comment-count"
  data-path="/guide/client/count.html"
/>条评论。

当前页共有 条评论。

手动更新

除了通过 init 函数自动更新之外,你可以通过 commentCount API 来手动更新当前页面的评论数:

Waline.commentCount({
  serverURL,
  path,

  // 可选的,用于自定选择器,默认为 `'.waline-pageview-count'`
  // selector: 'waline-pageview-count',
});

中途取消

由于评论数获取是一个异步网络操作,你可能需要在特定情况下取消正在执行的评论数更新操作。

commentCount 会返回一个函数,调用后即可取消此次更新:

const abort = Waline.commentCount({
  serverURL: '<YOUR_SERVER_URL>',
  path: window.location.pathname,
});

// 在 500ms 后,如果网络请求仍未完成,取消本次操作
setTimeout(() => abort(), 500);
友情提示:评论区仅作评论展示,如有问题咨询请去 Github Discussion 中提问。
评论
Powered by Waline v2.6.1