cusdis 免费的网站评论系统插件

网站添加评论功能,网站如何评论,网站评论插件2021,免费评论插件,disqus,cusdis,disqus替代

AotuNote

April 26, 2021


简介

Cusdis是一款开源免费的网站评论系统插件,目的是成为 disqus 的替代品,但并不是设计为完全替代。

目前cusdis 文档只有英文版,作者后续会翻译中文。

支持使用自己的数据库来存储评论数据,也可以使用 cusdis 提供的公用数据库存储。

使用方式

HTML

打开cusdis 网站,点击右上角Try it now按钮进行登录,提供两种登录方式:Github 和 Google。

登录后会进入 dashboard,点击Add Website按钮添加网站。

RomGpt
RomGpt

填写你的网站信息,实际上你能分辨就行。

4p1EXU
4p1EXU

创建成功后就会出现新的卡片,点击进入。

zgTvbz
zgTvbz

点击Settings会得到一段代码。

aZWmix
aZWmix

复制这段代码到你的 html 文件指定为止即可,以这篇文章为例:

<!--
  本文的链接是
  https://aotunote.com/posts/web-cusdis-free-comment-system/
-->
<body>
  <article>
    <div
      id="cusdis_thread"
      data-host="https://cusdis.com"
      data-app-id="填写你的 app id"
      data-page-id="web-cusdis-free-comment-system"
      data-page-url="https://aotunote.com/posts/web-cusdis-free-comment-system/"
      data-page-title="cusdis 免费的网站评论系统插件"
    ></div>
    <script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
  </article>
</body>

这里解释一下一些参数:

  • data-page-id: 这里填的是 url 的最后一个路径,因为它是唯一的。
  • data-page-url: 这里填的是网页完整的 url 。
  • data-page-title: 这里填的是网页的标题 。

React

React 有 cusdis 官方组件,https://github.com/Cusdis/sdk/tree/master/packages/react-cusdis

Vue

Vue 版本有第三方开发者参与开发并且已发布该组件,https://github.com/evillt/vue-cusdis

处理评论

你可以在dashboard页面选择对应的网站来审核通过,回复或删除评论。

z0IYVd
z0IYVd

结语

Cusdis 非常轻便和易用,目前本站也从 disqus 切换到了 cusdis。因为 disqus 需要科学网络,导致部分普通网友无法留言。

Share this

Join the conversation