Cusdis 是一个界面清爽、注重隐私的轻量级 (~5kb gzip) 评论系统,可以很方便地与 React、Vue 或其他博客系统结合,并且还提供了一个后台来管理所有的评论。
由于 Cusdis 自称是 Disqus 的替代方案,因此它还支持一键从 Disqus 导入、支持邮件通知等功能。
官方地址: https://cusdis.com/
他通常是用于静态博客的一个第三方评论系统,但是官方文档没有提供如何在 hugo 中使用的参数,我也是报错了多次才琢磨出来。
1. 本地部署
根据提示,注册账号,然后 Add website
,建立一个仓库。
进入它,然后点击 setting
。
Embed Code
会提供几行代码以及一些 api,复制他们。
data-app-id
是注册时自动生成的,注意保密,每个人都不一样。
<div id="cusdis_thread"
data-host="https://cusdis.com"
data-app-id="xxxxxxxxx"
data-page-id="{{ PAGE_ID }}"
data-page-url="{{ PAGE_URL }}"
data-page-title="{{ PAGE_TITLE }}"
></div>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
将这些代码复制到本地主题的 comments.html
文件内(就是评论的那个模块,每个主题或许都不一样,注意分辨)。
这个时候如果你 hugo server 基本都会报错,因为没有修改 {{ PAGE_ID }}
等内容,这不是 hugo 官方提供的参数,按照我下面的格式,将 id, url, title 重写一下即可。
<div id="cusdis_thread"
data-host="https://cusdis.com"
data-app-id="c1d43485-e8a7-4895-972e-247eddaf242d"
data-page-id="{{ .RelPermalink }}"
data-page-url="{{ .RelPermalink }}"
data-page-title="{{ .Title }}"
></div>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
保存重新 hugo server 即可。
这样做的好处是当你接受一条评论信息后,审核列表可以清楚地标明来自哪一篇文章。通常大多数博客都提供了这么一个功能。
2. 邮箱提醒
除了必备的评论功能, Cusdis 还提供了一个非常快速的邮箱提醒功能,不需要绑定密匙,直接输入自己的邮箱即可。
先勾选这个 Email Notification,然后点击下方的 Advanced Notification Settings (高级通知设置)
就可以进入设置,输入自己的邮箱。
3. 中文化
默认的评论和提示文字均为英文,对我们很不友好,这里提供一个不错的解决方案,在引入 Cusdis 之后,顺便复制引入下面这段代码。
代码语言:javascript复制<script>
window.CUSDIS_LOCALE = {
"powered_by": "评论由 Cusdis 提供",
"post_comment": "发送",
"loading": "加载中",
"email": "邮箱地址 (可选)",
"nickname": "昵称",
"reply_placeholder": "回复内容...",
"reply_btn": "回复",
"sending": "发送中...",
"mod_badge": "管理员",
"content_is_required": "内容不能为空",
"nickname_is_required": "昵称不能为空",
"comment_has_been_sent": "评论已发送,管理员审核通过后会展示"
}
</script>
。。。