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

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

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

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

       
    <div id="comments"></div>
       
    <script>
     new Valine({
         av: AV,
         el: '#comments',
         app_id: 'J5NixkF8qVNfHXdDcs7g0mHJ-gzGzoHsz',
         app_key: 'AwVytl9RdE1qJbSx2Ud3DnS7',
         placeholder: '支持markdown语法,昵称可以填写QQ号',
         guest_info: ['nick', 'mail'],
         visitor: true,
         enableQQ: true,
         requiredFields: ['nick']
     });
    </script>
    
  2. 修改_includes/head.html,在合适的地方增加下面这段内容

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

    <script>
        new Valine({
            av: AV,
            el: '#comments',
            app_id: 'J5NixkF8qVNfHXdDcs7g0mHJ-gzGzoHsz',
            app_key: 'AwVytl9RdE1qJbSx2Ud3DnS7',
            placeholder: '支持markdown语法,昵称可以填写QQ号'
        });
    </script>
    
  4. _includes下面增加新文件scripts.html

    <script>
     new Valine({
         av: AV,
         el: '#comments',
         app_id: 'J5NixkF8qVNfHXdDcs7g0mHJ-gzGzoHsz',
         app_key: 'AwVytl9RdE1qJbSx2Ud3DnS7',
         placeholder: '支持markdown语法,昵称可以填写QQ号',
         guest_info: ['nick', 'mail'],
         visitor: true,
         enableQQ: true,
         requiredFields: ['nick']
     });
    </script>
    
  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,功能很齐全,有空可以再研究下。