Day28 Leave a Message / The diversity of Hugo.

情谷底,我在絕

  • 一路走來,我們已經是 Podcaster 了,除了單方面傳遞訊息,也希望收到來自聽眾的直接回饋
  • 是時候在你的單集頁面加上留言板了,這樣有緣人才能夠在你的網站上留下足跡

該怎麼做

  • 首先到 Disqus 註冊一個帳號 d28-1
  • 在右上角點擊頭像,選擇 Admin,再點擊 Top bar 的 Yoder Sites 新增 d28-2
  • 將你的網站填入並完成 Create Site d28-3
  • 進到新增完的 Site 頁面,在 General 中找到你的 Shortname d28-4
  • 在 Hugo 的 hugo.toml 中加入以下設定,填入你的 Shortname d28-5
  • 並且在以下新增 theme/你選的主題/layouts/partials/disqus.html ,並且貼上以下內容
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<div id="disqus_thread"></div>
<script type="text/javascript">

(function() {
    // Don't ever inject Disqus on localhost--it creates unwanted
    // discussions from 'localhost:1313' on your Disqus account...
    if (window.location.hostname == "localhost")
        return;

    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    var disqus_shortname = '{{ .Site.DisqusShortname }}';
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="https://disqus.com/" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  • 重新 hugo 並部署上 S3,不論是等待 CDN 過期,或是使用之前的 Invalidation 某一頁面,就可以看到 post 下面出現留言板啦 d28-6
  • 官方說明來源

其他延伸

  • Hugo 官方的說明文件就是一座寶庫,裡面有各種官方支援的擴充方式,雖然選擇有限,但直接應用會相對方便簡單,十分鐘就可以增加一個功能
  • 這邊分享一個我覺得很有趣的功能,就是網站的多語言

外出取材番外

  • 分享蘇格蘭豬血糕 Stornoway Black Pudding ,口感比較軟嫩跟台式較有嚼勁的口感不同,但吃進去也是淡淡的豬血糕與牛肉味;Cider 好喝,酒精度數不高的 Cider 清爽解膩無負擔~ d28-7
comments powered by Disqus
Yodering
Built with Hugo
Theme Stack designed by Jimmy