使用增强版valine - Sanarous的博客

使用增强版valine

云淡风轻在很早之前就开发了一款极简的valine评论系统,由于现在Disqus被墙,使用起来步骤太复杂,所以现在大多数个人博客还是以valine为主。但是原生的valine功能过于单调,后来有不少大佬在基于原作者的基础上增强了valine的功能,我想推荐的一款就是Deserts增强的valine,作者介绍文档并没有针对hexo博客做出适配,所以我记录一下我在hexo博客中做出的修改。

相比于原生valine,作者做出了以下增强功能:

  • 支持博主标记显示
  • 必须填写昵称和邮箱才能评论(反垃圾评论的作用)
  • 支持PJAX主题
  • 可以自定义表情包,评论样式修改,点赞功能(新版中被作者去掉了。。。)
  • 评论表情包
  • 支持Disqus数据迁移到valine
  • 隐私保护:敏感字段限制读取,如E-mail、用户信息(使用的浏览器等)、IP
  • 头像显示、样式美化
  • 完善的邮件通知
  • 基于Akimmet的垃圾评论自动标注和过滤
  • 通知邮件补发
  • ….

评论在线预览,具体介绍可以参考作者原文博客

为了适配hexo博客,可以做如下修改:

  1. 下载作者给出的Valine.min.js文件,放到hexo/themes/next/source/js/src下,或者你的其它托管路径下

  2. 然后修改代码如下:

文件位置:hexo/themes/next/layout/_third-party/comments/valine.swig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{% if theme.valine.enable and theme.valine.appid and theme.valine.appkey %}
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src="/js/src/Valine.min.js"></script>

<script type="text/javascript">
new Valine({
lang: 'zh-cn',
admin_email: '填写博主邮箱',
el: '#comments' ,
appId: '{{ theme.valine.appid }}',
appKey: '{{ theme.valine.appkey }}',
emoticon_url: 'https://cloud.panjunwen.com/alu',
emoticon_list: ["狂汗.png","不说话.png","汗.png","坐等.png","献花.png","不高兴.png","中刀.png","害羞.png","皱眉.png","小眼睛.png","暗地观察.png"],
placeholder: '{{ theme.valine.placeholder }}',
});
</script>
{% endif %}

这样就可以基本替代了,但是…但是还是存在不少BUG,比如,原生valine自带的首页元数据评论数量统计不见了,有人提出了issue,作者表示无意开发这个功能。

如果你懂一些css知识的话,评论样式依旧可以自己在cuntom.styl文件中修改。

如果这篇文章对您很有帮助,不妨
-------------    本文结束  感谢您的阅读    -------------
0%