Hexo yilia 主题添加 valine 评论系统

本文仅讨论在 yila 中所增加或修改的代码，有关 leancloud 的申请及配置，请参考我所参考的两篇博文：

《Hexo yilia主题添加valine评论系统》
《Valine: 独立博客评论系统》

1. 主题配置文件添加 valine 相关配置

修改 hexo 博客目录的 theme/yilia 中的 _config.yml 文件，增加如下配置：

#8、Valine
valine:appid: #Leancloud应用的appIdappkey: #Leancloud应用的appKeyverify: false #验证码notify: true #评论回复提醒placeholder: 有话要说？ #评论框占位符

2. 新增 valine 代码文件

在 yilia 中的 layout/_partial/post 下新增 valine.ejs文件，内容如下：

<div class="valine_comment"></div>
<!--载入js，在</body>之前插入即可-->
<!--Leancloud 操作库:-->
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<!--Valine 的核心代码库-->
<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;new Valine({// AV 对象来自上面引入av-min.js(老司机们不要开车➳♡゛扎心了老铁)av: AV,el: '.valine_comment',emoticon_url: 'https://cloud.panjunwen.com/alu',emoticon_list: ["狂汗.png","不说话.png","汗.png","坐等.png","献花.png","不高兴.png","中刀.png","害羞.png","皱眉.png","小眼睛.png","暗地观察.png"],app_id: '<%= theme.valine.appid %>',app_key: '<%= theme.valine.appkey %>',placeholder: '<%= theme.valine.placeholder %>'});
</script>

3. 修改 article.ejs

修改 yilia 中的 layout/_partial/article.ejs 文件，在 <% if (!index && post.comments){ %> 后的任意一个评论代码前或后插入如下代码：

    <% if (theme.valine && theme.valine.appid && theme.valine.appkey){ %><%- partial('post/valine') %><% } %>

如上三步，修改完成。如果要启用，修改主题的 _config.yml 文件，将 leancloud 上创建的应用的 appid 和 appkey 配置上即可，注意冒号之后有空格。

Hexo yilia 主题添加 valine 评论系统相关推荐

Hexo博客进阶：为Next主题添加Valine评论系统
文章目录前言根据读者反馈,Valine 评论系统在 Next 主题高版本 (7.+) 以上没有内置,且 Valine 已经很久没有更新维护了.如果想要配置体验 Valine 的,建议使用 Next ...
为 Hexo 博客添加 valine 评论系统
注册 LeanCloud 由于 valine 评论系统是放在 LeanCloud 上的,因此需要先打开 https://www.leancloud.cn/ 网址注册一个 LeanCloud 账号. 注 ...
Hexo博客yilia主题添加Gitment评论系统
gitment是imsun利用github上的issues做的评论系统,我这里大力推荐,原因有三: 注册简单,只要填写APP名和主页地址实现方便,只要简单的配置没有广告,这个很重要注册OAuth ...
hexo yilia主题添加评论系统详细教程
文章目录序言添加相关代码 1. config.yml 2. yilia\layout\_partial\article.ejs 3.valine.ejs 安装评论序言其实网上关于Hexo的博客 ...
hexo添加valine评论系统 (yilia主题)
hexo-yilia添加valine评论系统配置步骤一.创建应用二.yilia下的配置文件三.到此整个评论系统创建完成啦,看一下结果!如果遇到一些问题还可以参见[yilia增加valine]( ...
hexo+yilia主题添加评论
hexo+yilia主题添加评论因为热爱,所以拼搏. --RuiDer 回顾hexo+yilia主题添加访问量上一篇文章介绍了hexo+yilia主题添加访问量,如果需要点击hexo+yilia主 ...
Hexo折腾之改用Valine评论系统 - 更新域名绑定，评论后台管理
前几天给博客添加了来必力评论系统,但是加载速度实在是慢的可以,原因是来必力是在页面滑到底部的时候才开始加载,但是通过控制台看,来必力确实时间很久,很影响我自己的使用体验(嗯,没有别人,哭),所以在网上 ...
Hexo yilia 主题添加相册功能
当我们使用hexo博客框架中的yilia主题时,在我们这一博客页面中,原作者Litten并未帮我们添加相册这一功能.这时,如果想让我们的博客拥有相册的功能,就需要我们自行添加改变.添加主题中的相关参数 ...
Hexo yilia 主题添加来必力评论系统
1. 主题配置添加来必力修改 hexo 博客目录的 theme/yilia 中的 _config.yml 文件,增加如下配置: # livere 来必力.将 false 改为自己的uid则启用该评论 ...

Hexo yilia 主题添加 valine 评论系统

1. 主题配置文件添加 valine 相关配置

2. 新增 valine 代码文件

3. 修改 article.ejs

Hexo yilia 主题添加 valine 评论系统相关推荐

最新文章

热门文章