hexo添加valine评论

首先在leancloud中注册,创建一个新应用,在设置=>应用key中查看appid和appkey,

在设置=>安全中心 把博客地址添加到安全中心,保证数据调用的安全性。

在主题中(eg:我的是yilia主题) \themes\yilia\_config.yml 中添加

valine: 
 enable: true
 appid: gG1wfFA4yGQarTbT4EB44wR2-gzGzoHsz
 appkey: SvnF4k7cxYtmz1HDwaJe0Lzq
 verify: false #验证码
 notify: true #评论回复提醒
 avatar: robohash #一种具有不同颜色、面部等的机器人
 placeholder: 小姐姐,讲话呀
 pageSize: 10
 guest_info: nick,mails 

在 \themes\yilia\layout_partial\post中新建一个valine.ejs

<div id="vcomment" class="comment"></div> 
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
<script>
   var notify = '<%= theme.valine.notify %>' == true ? true : false;
   var verify = '<%= theme.valine.verify %>' == true ? true : false;
    window.onload = function() {
        new Valine({
            el: '.comment',
            notify: notify,
            verify: verify,
            app_id: "<%= theme.valine.appid %>",
            app_key: "<%= theme.valine.appkey %>",
            placeholder: "<%= theme.valine.placeholder %>",
            avatar:"<%= theme.valine.avatar %>"
        });
    }
</script>

添加评论头像:

非自定义头像默认值

想要自定义,就去Gravatar注册登录,上传,使用自己的图片