July 1, 2021 by Yi Lee

添加Disqus評論功能於Hugo

因Hugo屬於靜態網頁，若需使用評論功能，需透過Disqus支援。

step0: 檢查套用主題是否支援支援Disqus功能，到confiq.toml檔案檢查是否下列程式碼。

若原模板沒有支援Disqus

step1: 到Hugo網站搜尋Disqus，找到下圖程式碼，複製下來。

step2: 回到VS Code，找到theme/layout/_default資料夾的single檔案，將上述程式碼貼在comment之後，示範如下圖。（template 放該程式碼的檔案，會位在layout資料夾，但檔案名稱不一定是single)，並添加step0的程式碼到confiq.toml檔案

確認網站可支援Disqus後，申請Disqus帳號

step1: 將申請Disqus的shortname貼進confiq.toml內，程式碼disqusShortname後雙引號之內

step2: 若在本地預覽出現以下文字表示設定成功，當網站上傳至Github後即可使用評論功能。