整个博客增加 Valine 评论,欢迎留言

原文转载自 「素生」 ( http://z.arlmy.me/posts/hexo/Hexo_Valine/ ) By 素生

预计阅读时间 0 分钟(共 0 个字, 0 张图片, 0 个链接)

啰嗦

本篇应该是本博客最水的一篇。

此处省略前因后果一千字。

逛别人博客发现了这个 Valine 系统,很贴近自己的风格,稍折腾一下就成功了。不过还没弄邮件通知,所以有了留言我也不知道。

本以为不会有什么评论的,结果两天后就发现了两条。还有一位是老读者。果然留言簿的 Gitalk 太不友好了吧?果断取缔,都换成了 Valine。

说到底,我还是很希望有互动和留言的!毕竟,交流才是写作的最大欲求。

配置

1
2
3
4
5
6
7
8
9
10
valine: ## https://valine.js.org
enable: true ## If you want to use Valine comment system, please set the value to true.
appid: ## Your LeanCloud application App ID, e.g. pRBBL2JR4N7kLEGojrF0MsSs-gzGzoHsz
appkey: ## Your LeanCloud application App Key, e.g. tjczHpDfhjYDSYddzymYK1JJ
notify: false ## Mail notifier, see https://github.com/xCss/Valine/wiki/Valine-评论系统中的邮件提醒设置
verify: false ## Validation code.
placeholder: 请不吝赐教 ## Comment box placeholders.
avatar: "mm" ## Gravatar type, see https://github.com/xCss/Valine/wiki/avatar-setting-for-valine
pageSize: 7 ## Number of comments per page.
guest_info: nick,mail,link ## Attributes of reviewers.

themes\maupassant\layout\_partial\comments.jade 文件中增加代码(注意缩进)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
if theme.valine.enable == true
#vcomment
script(src='//cdn1.lncld.net/static/js/3.0.4/av-min.js')
script(src='//unpkg.com/valine@latest/dist/Valine.min.js')
script.
var notify = '#{ theme.valine.notify }' ? true : false;
var verify = '#{ theme.valine.verify }' ? true : false;
var GUEST_INFO = ['nick','mail','link'];
var guest_info = '#{ theme.valine.guest_info }'.split(',').filter(function(item){
return GUEST_INFO.indexOf(item) > -1
});
guest_info = guest_info.length == 0 ? GUEST_INFO :guest_info;
window.valine = new Valine({
el:'#vcomment',
notify:notify,
verify:verify,
appId:'#{theme.valine.appid}',
appKey:'#{theme.valine.appkey}',
placeholder:'#{theme.valine.placeholder}',
avatar:'#{theme.valine.avatar}',
guest_info:guest_info,
pageSize:'#{theme.valine.pageSize}'
})

部署:hexo g -d


CHANGELOG

more_vert