為什麼要用 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

  3. 選擇主題樣式，有以下幾種選擇:

    • GitHub Light
    • GitHub Dark
    • GitHub Dark Orange
    • Icy Dark
    • Dark Blue
    • Photon Dark

  4. 複製自動產生的程式碼到 \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 就會自動開好票囉

參考資料


 上一頁

hexo github pages google search console