hexo评论

最新推荐文章于 2024-04-19 09:04:01 发布

b u g

最新推荐文章于 2024-04-19 09:04:01 发布

阅读量185

点赞数

分类专栏：日常问题文章标签： hexo

本文链接：https://blog.csdn.net/qq_40705355/article/details/100034140

版权

日常问题专栏收录该内容

11 篇文章 2 订阅

订阅专栏

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

Leancloud配置

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

在这里插入图片描述

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

在这里插入图片描述

下载Valine.min.js

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

在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()) { %> <% } %>表示是否在文章页面的判断，不是则不会显示评论框。

开启邮箱通知

进入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>