基于hexo的主题BeanTech的Valine评论功能实现。

1. Leancloud配置

   首先访问Leancloud官网https://leancloud.cn/有Github账号的小伙伴可以用Github账号进行登陆然后绑定邮箱就可以啦！
   进入之后点击创建应用

进入应用->设置->应用key

2. 下载Valine.min.js

   首先下载最新的Valine.min.js核心代码库到本地（下面是链接）
   https://cdn.jsdelivr.net/npm/[email protected]/dist/
   右击Valine.min.js选择链接另存为即可,我这里将其放在主题\source\js下面的。

3. 留言的配置

在thems\你的主题\layout\_partial\footer.ejs下面添加到合适位置

<% if (is_post()) { %>
                <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
                <!--Valine 的核心代码库:-->
                <script src="../../js/Valine.min.js"></script>

                <div class="comment"></div>
                <script>
                    new Valine({
                        // AV 对象来自上面引入av-min.js(老司机们不要开车➳♡゛扎心了老铁)
                        av: AV,
                        el: '.comment', // 
                        notify: true, // 邮件提醒!!!
                        verify: true, // 验证码
                        app_id: 'xxxxxx', // 这里填写上面得到的APP ID
                        app_key: 'xxxxxxx', // 这里填写上面得到的APP KEY
                        placeholder: '欢迎留言评论' // [v1.0.7 new]留言框占位提示文字
                    });
                </script>
                <% } %>

<% if (is_post()) { %> <% } %>表示是否在文章页面的判断，不是则不会显示评论框。

4. 开启邮箱通知

   进入Leancloud>选择你的评论所存放的应用>设置>邮件模板，按下图设置好用于重置密码的邮件主题>然后保存:

   注：请注意修改链接为你的博客或者网站首页。

   <p>Hi, {{username}}</p>
   <p>
   你在 {{appname}} 的评论收到了新的回复，请点击查看：
   </p>
   <p><a href="你的网址首页链接" style="display: inline-block; padding: 10px 20px; border-radius: 4px; background-color: #3090e4; color: #fff; text-decoration: none;">马上查看</a></p>
   

欢迎访问我的个人博客