在 Hugo 網站加入 Disqus

在 Hugo 網站中加入 Disqus 評論系統，讓部落格文章下方可以顯示留言區，提升讀者互動。

建立 Disqus 帳號並取得 shortname
#

前往 Disqus 官網註冊帳號。
建立一個新的網站，取得你的 shortname

新增 Disqus partial 檔案
#

建立好專案後，點擊左上角Installation，因為選項沒有Hugo，所以選擇下方的Universal Code install instructions。

接著將代碼複製起來，在 layouts/partials/ 目錄下建立 disqus.html，內容如下：

html

<div style="margin-top: 4rem;"></div>
<hr style="margin-bottom: 2rem; border-top: 1.5px solid #ccc;" />
<div id="disqus_thread"></div>
<script>
    var disqus_config = function () {
        this.page.url = '{{ .Permalink }}';
        this.page.identifier = '{{ .File.Path }}';
    };
    (function() {
        var d = document, s = d.createElement('script');
        s.src = 'https://你的-shortname.disqus.com/embed.js';
        s.setAttribute('data-timestamp', +new Date());
        (d.head || d.body).appendChild(s);
    })();
</script>
<noscript>
    請啟用 JavaScript 以檢視
    <a href="https://disqus.com/?ref_noscript" target="_blank" style="color:#1976d2; text-decoration:underline; cursor:pointer;" onmouseover="this.style.color='#1565c0'" onmouseout="this.style.color='#1976d2'">由 Disqus 提供的評論</a>
</noscript>