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