Hugo集成Disqus评论

Sun, 14 Apr 2024 13:34:45 +0800

Hugo个人博客搭建过程参考Hugo个人博客搭建
Hugo 包含 Disqus 的嵌入式模板，Disqus 是一种流行的评论系统，适用于静态和动态网站。要有效使用 Disqus，请通过注册免费服务获得 Disqus “shortname”。

Disqus注册连接 signing up

在layouts创建partials再创建comments.html文件vim layouts/partials/comments.html

cd bytejog/
mkdir -p layouts/partials
vim layouts/partials/comments.html

文件内容为：

<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.Config.Services.Disqus.Shortname }}';
    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.yaml文件vim hugo.yaml


services:
  disqus:
    shortname: #shortname

Disqus on ByteJog

Hugo集成Disqus评论