最近发现无法展示评论,提示找不到 AV 相关的定义,移除了av-min.js,以及AV的字段定义,似乎是新版本改了实现,会在内部引用av-min.js

博客怎么能少了评论系统,但是一直没有找到满意的,各种国内被禁的,缺乏更新维护的,做得太复杂的等等之类的。今天看到一个感觉还不错的评论系统Valine,一款快速、简洁且高效的无后端评论系统,存储基于 leancloud。作者的博客提供了一个 jekyll 的示例,直接引入。

先参考这里的说明,注册 Leancloud 并创建新的应用,顺便提一下,现在监管严格,需要进行实名注册,最后还要支付宝扫描验证。

接着直接修改 jekyll 的内容即可(下面的内容照抄作者博客,也可以按自己习惯定义变量)

  1. 修改default.html,在 footer.html 前面增加下面这段内容

       
    <div id="comments"></div>
        
    
  2. 修改_includes/head.html,在合适的地方增加下面这段内容

    <!-- Valine Comment -->
       
    <script src="//unpkg.com/valine/dist/Valine.min.js"></script>
       
    
  3. _includes下面增加新文件valine_comments.html

    <script>
      new Valine({
        el: "#comments",
        app_id: "你的Leacloud Appid",
        app_key: "你的Leancloud Appkey",
        placeholder: "支持markdown语法,昵称可以填写QQ号",
      });
    </script>
    
  4. _includes下面增加新文件scripts.html(需要手动在{后面及}前面增加%

    { if page.comments }{ include valine_comments.html }{ endif }
    
  5. _data下面增加新文件social.yml

    valine_comment:
      enable: true
      leancloud_appid: 你的Leancloud Appid
      leancloud_appkey: 你的Leancloud appkey
      placeholder: just go go
    
  6. 在你的文章头增加comments: true

另外还看到一个基于 valine 的评论系统,叫做waline,功能很齐全,有空可以再研究下。