如何在hugo上安裝utterances?

如何在hugo上安裝utterances?

如果想要讓訪客針對你的文章發表評論的話我們可以透過 Disqus 或是 Utterances 快速建立評論留言板

其實一開始建立個人部落格時評論的套件我使用的是disqus,但是我丟到google的 PageSpeed 測試時發現整個網頁的載入時間有大半以上都花在disqus上面且有很多載入後卻沒有使用到,所以之後便決定改用utterances

另外上網查了相關的文章說disqus有個資相關的問題,文章結尾會附上相關連結有興趣的可以看一下

Utterances是什麼?

utterances是一個基於github issue的套件,其原理是在github上建立一個公開的repo讓訪客可以針對文章在repo上建立相關的issue,接下來就來跟大家介紹如何在頁面上添加utterances

  1. 在github上建立公開的repository

  1. 到utterances安裝頁面後點選install

  1. 選擇要安裝utterances的github repo

  1. 之後在utterances官網下可以找到區塊進行設置

  1. 選擇想要的主題樣式

  1. 將產生的script複製下來後放到想要的地方

這樣就完成utterances的設置了

但要注意utterances是基於github issue所以留言的人需要有github帳號才可以留言

如果有問題的話歡迎在底下留言

補充資料

移除disqus留言系統

The Problem With Disqus

Why I Deleted Disqus and Why You Should Too

//