HugoにDiqsusを導入するためのコード片

config.toml

# Disqus
disqusShortname = "backport"

disqus.html

<hr />
<a class="disqus-show-comments button secondary expanded">コメント欄を表示する</a>
<div id="disqus_thread"></div>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

scripts.html

<script>
$(document).ready(function() {
  $('.disqus-show-comments').on('click', function() {
    // localhostでのpreview中はDisqusをロードしない
    if (window.location.hostname == "localhost") {
      return;
    }
    // ShortNameはconfig.tomlで設定
    var disqus_shortname = '{{ .Site.DisqusShortname }}';
    $.ajax({
      type: "GET",
      url: "http://" + disqus_shortname + ".disqus.com/embed.js",
      dataType: "script",
      cache: true
    });
    $(this).fadeOut();
  });
});
</script>