将hexo的评论系统由gitment改为Valine

Posted zmj97

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将hexo的评论系统由gitment改为Valine相关的知识,希望对你有一定的参考价值。


title: 将hexo的评论系统由gitment改为Valine
toc: false
date: 2018-09-13 15:10:56
categories:

  • methods

tags:

  • hexo
  • gitment
  • Valine

首先注册LeanCloud,注册后添加应用,然后选择应用>设置>应用key就可以看到自己的AppID和AppKey了。

然后进入自己的主题目录(比如我的主题是默认的landscape):

删除配置gitment时/themes/landscape/layout/_partial/post目录下添加的git.ejs文件,

然后编辑/themes/landscape/layout/_partial/目录下的article.ejs,将原本配置gitment时添加在最后的那段代码删掉,添加:

<% if (!index){ %>
  <% if (post.comments){ %>
    <div id="vcomments"></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>
        new Valine({
            el: ‘#vcomments‘,
            appId: ‘你的appid‘,
            appKey: ‘你的appkey‘,
            notify:true, 
            verify:true, 
            visitor:true,
            avatar:‘mm‘, 
            placeholder: ‘嘻嘻嘻‘ 
        })
    </script>
  <% } else { %>
    <div class="vcomments"></div>
  <% } %>
<% } %>

其中notify为邮件提醒功能是否开启,verify为验证码功能,visitor为文章访问量统计功能,avatarGravatar 头像展示方式。

在leancloud的应用>设置>安全中心>Web安全域名中添加你的域名。

然后就OK啦!!

有其他问题可以访问Valine官方文档查看。

关于出现Code 403: 访问被api域名白名单拒绝,请检查你的安全域名设置.的问题:

我的问题是同时在github和coding上部署了,但是在leancloud的应用>设置>安全中心>Web安全域名中只添加了github的域名,因此在coding的那个域名访问时就会出现上述问题,添加域名即可解决问题。




以上是关于将hexo的评论系统由gitment改为Valine的主要内容,如果未能解决你的问题,请参考以下文章

hexo next主题集成gitment评论系统

为hexo博客添加基于gitment评论功能

接入gitment为hexo添加评论功能

Gitment评论插件的使用

Hexo 评论系统

github上Hexo Theme Yilia 主题配置gitment 出现gitment Error: Validation Failed错误