博客添加文章评论系统cusdis

一直以来只在留言页面添加了评论，文章页面没有添加，原因有两个：一个是懒，一个是能力有限。

→留言

期初用的disqus，限于需要科学上网才能使用，不管自己用，还是游客评论都会有麻烦，并且……有广告。也找了很多的第三方评论系统，最终发现，我对评论系统的要求只有三个：不用部署，不用科学上网，不用实名认证。cusdis同时满足了三个要求，并且是免费的。cusdis也有两个缺点，没有留言者的网址输入框和回复时不能发送邮件给对方。

后来发现有个姑娘把第三方评论系统做了对比评测。听姑娘说cusdis的作者会在2.0版本的时候，增加评论者网址输入框，期待。只是不确定cusdis2.0会不会收费，因为作者原来的收费计划是 $1 /month （Cusdis is totally free for now.）

→cusdis的官网

→第三方评论之2023年版

# cusdis独立页面使用

cusdis不需要你有很强的英文能力，注册好cusdis账户之后，添加你的博客地址。上方点击Embed Code，把代码添加到你用于留言的独立页面就可以。我的博客是用Jekyll创建的（Jekyll is a blog-aware static site generator in Ruby.）。文件夹pages里面有个chat.html，这个页面中，你认为合适的地方复制Embed Code过来就可以了。

<div id="cusdis_thread"
  data-host="https://cusdis.com"
  data-app-id="你的cusdis-id，Embed Code会帮你带上"
  data-page-id=""
  data-page-url=""
  data-page-title=""
></div>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>

# cusdis文章页面使用

cucdis可以结合不同场景使用，既可以用于独立页面，也可以用于文章页面，教程里面包含Jekyll,，这对我而言又是降低了使用难度。

→Integrate Cusdis into Jekyll

参照教程，将代码复制到_layouts文件夹中的mypost.html,粘贴在</body>之前的位置就可以。注意代码中的data-app-id要转成Embed Code中分配给你的id。下面的代码，请去掉pre标签。（此处如果不加pre，这段代码会被执行 ）

<pre><!--Every article has a id, but special pages don't unless you set manually.
This prevents Cusdis from appear everywhere-->
<div id="cusdis_thread"
  data-host="https://cusdis.com"
  data-app-id="YOUR APP ID"
  data-page-id="/posts/2023/05/28/cusdis"
  data-page-url="https://www.zahui.top/posts/2023/05/28/cusdis.html"
  data-page-title="博客添加文章评论系统cusdis"
></div>
<script defer src="https://cusdis.com/js/cusdis.es.js"></script></pre>

# cusdis可以支持以下类型场景，按需使用

• JS SDK Reference
• React
• Vue
• Docsify
• Jekyll
• Hugo
• Hexo
• Mkdocs
• Publii