hugo 如何使用 Cusdis？

Cusdis 是一個界面清爽、注重隱私的輕量級 (~5kb gzip) 評論系統，可以很方便地與 React、Vue 或其他博客系統結合，並且還提供了一個後台來管理所有的評論。

由於 Cusdis 自稱是 Disqus 的替代方案，因此它還支持一鍵從 Disqus 導入、支持郵件通知等功能。

他通常是用於靜態博客的一個第三方評論系統，但是官方文檔沒有提供如何在 Hugo 中使用的參數，我也是報錯了多次才琢磨出來。

1. 本地部署#

根據提示，註冊帳號，然後 Add website ，建立一個倉庫。

進入它，然後點擊 setting。

Embed Code 會提供幾行代碼以及一些 API，複製他們。

<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 之後，順便複製引入下面這段代碼。

<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>

。。。