Jekyll属性纯静态博客系统，本身无法使用评论，幸运的是我们可以使用第三方评论系统Disqus（需要 FQ）。

注册Disqus

进入Disqus注册账号，设置好您的站点后进入后台管理，选择Settings->Installation，页面拉到最底部点击Universal Code，可以获取相关教程和代码。

image-20200315173030251

开启Disqust评论

Jekyll默认主题（minima）支持Disqust评论系统，只需要简单设置就行。

  1. 查看主题安装路径

    进入站点配置路径，执行bundle info minima

    root@hwsrv-520903:/home/jjc-blog# bundle info minima
  * minima (2.5.1)
        Summary: A beautiful, minimal theme for Jekyll.
        Homepage: https://github.com/jekyll/minima
        Path: /var/lib/gems/2.5.0/gems/minima-2.5.1

  2. 查看disqus_comments.html

    进入主题目录下的_includes文件夹，查看disqus_comments.html

    image-20200315175720797

    通过查看第一行代码，要使Disqus评论起效，需要满足两个条件：

    • 在需要启用评论的博文页面的 YAML front matter 位置添加如下代码来启用评论：
    comments: true
    • 生产环境构建Environments](https://jekyllrb.com/docs/configuration/environments/)
    JEKYLL_ENV=production jekyll build

    修改_config.yml，设置site.disqus.shortname，

    image-20200315181251011

显示评论数量

  1. 修改/var/lib/gems/2.5.0/gems/minima-2.5.1/_layouts/post.html

    博客内容页日期旁边加上评论数

       
{%- if page.comments != false and jekyll.environment == "production" -%}
	• <a href="#disqus_thread"><span class="disqus-comment-count" data-disqus-identifier="{{ page.url | absolute_url }}"></span></a>
{%- endif -%}

    image-20200315182553656

  2. 修改/var/lib/gems/2.5.0/gems/minima-2.5.1/_includes/head.html

    头部页面引入count.js

       
{%- if page.comments != false and jekyll.environment == "production" -%}
    <script id="dsq-count-scr" src="//{{ site.disqus.shortname }}.disqus.com/count.js" async></script>
{%- endif -%}

    image-20200315182712703