資工 / 程設

在 Hexo 安裝 utterances 留言版

utterances 沒廣告、不追蹤用戶隱私，留言會自動開 issue 到 repo，首先在 github 創建一個 public repo，然後安裝 utterances app ...

為什麼要用 utterances？

  • 因為沒有廣告
  • 因為不會追蹤用戶隱私
  • 因為不用再申請一個帳號 (部落格本來就架在 GitHub 上)

安裝步驟

  1. 在 GitHub 創建一個 Public Repository
  2. 安裝 utterances app > Only select repositories > 選剛剛創建的 repo > Install
    utterances APP 要求存取的權限有:
  • No access to code
  • Read access to metadata
  • Read and write access to issues
  1. 輸入 owner/repo，就是要放留言的倉庫
  2. 設定 issue 標題怎麼開，有以下幾種選擇:
  • Issue title contains page pathname
  • Issue title contains page URL
  • Issue title contains page title
  • Issue title contains page og:title
  • Specific issue number
  • Issue title contains specific term
  1. 選擇主題樣式，有以下幾種選擇:
  • GitHub Light
  • GitHub Dark
  • GitHub Dark Orange
  • Icy Dark
  • Dark Blue
  • Photon Dark
  1. 複製自動產生的程式碼到 \themes\你的主題名稱\layout\_partia\article.ejs
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<div>
    <section id="comments" class="comments">
      <style>
        .utterances{max-width: 100%;}
      </style>
        <script src="https://utteranc.es/client.js"
                repo="annkuoQ/blog-utterances"
                issue-term="title"
                theme="github-dark"
                crossorigin="anonymous"
                async>
        </script>
  </section>
</div>

測試留言

  1. 點擊留言版的 Sign in to comment
  2. 同意授權 > Authorize utterances by utterances
  1. 回到留言板留言後，repo 就會自動開好票囉

參考資料