Valine -- 一款极简的评论系统

Valine - 一款极简的评论系统

2017年6月1日,在你等超龄儿童欢度节日的时候,多说躺下了。
2017年8月1日,不甘寂寞的网易云跟帖也跟多说随风而去了。

2017年8月7日,一款基于Leancloud的极简风评论系统诞生:Valine

食用方法

获取 APP IDAPP KEY

  1. 点击这里登录或注册Leancloud
  2. 点这里创建应用,应用名看个人喜好。
  3. 选择刚刚创建的应用>设置>选择应用 Key,然后你就能看到你的APP IDAPP KEY了,参考下图:
  4. 为了您的数据安全,请填写应用>设置>安全设置中的Web 安全域名,如下图:

页面中的设置

页面中的食用方法炒鸡简单,来来来,我们用代码说话:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Valine - A simple comment system based on Leancloud.</title>
<!--Leancloud 操作库:-->
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<!--Valine 的核心代码库:-->
<script src="./dist/Valine.min.js"></script>
</head>
<body>
<div class="comment"></div>
<script>
new Valine({
// AV 对象来自上面引入av-min.js(老司机们不要开车➳♡゛扎心了老铁)
av: AV,
el: '.comment', //
app_id: 'Your APP ID', // 这里填写上面得到的APP ID
app_key: 'Your APP KEY', // 这里填写上面得到的APP KEY
placeholder: 'ヾノ≧∀≦)o来啊,快活啊!' // [v1.0.7 new]留言框占位提示文字
});
</script>
</body>
</html>

看吧,我是不是没说大话(_(:з」∠)_一本正经的胡说八道)。

Hexo 中的解决方案

我知道,上面的东西都不是你们想要的,而你们真正想要的是在这里吧(。・ω・。),来来来,老司机带你们上车。

:该解决方案基于Hexo主题–NexT.Pisces

配置_config.yml

主题目录下的/themes/next/_config.yml中添加:

1
2
3
4
valine:
enable: true
appId: Your_AppId
appKey: Your_AppKey

修改comments.swig

注:因为我没有其他的评论系统需求,所以将其他的删掉了。点这里,查看原主题的comments.swig备份文件

打开/themes/next/layout/_partials/comments.swig,整个文件修改为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{% if page.comments %}
<div class="comments" id="comments"></div>
{% if (theme.valine and theme.valine.enable)%}
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src='/lib/Valine.min.js'></script>
<script>
new Valine({
av: AV,
el: '.comments' ,
verify: true,
app_id: '{{ theme.valine.appId }}',
app_key: '{{ theme.valine.appKey }}',
placeholder: 'ヾノ≧∀≦)o来啊,快活啊!'
});
</script>
{% endif %}
{% endif %}

:我引入的Valine路径为:/lib/Valine.min.js,是已将文件Valine.min.js放到了目录/themes/next/source/lib/下。

好了,差不多了,如果你看到你的文章页面出现了如下图所示的评论框,那么恭喜你,你已装逼成功,赶紧去炫耀吧。ヽ( ̄▽ ̄)ノ

评论数据管理

插播一下,关于评论数据管理,请自行登录Leancloud应用管理。
具体步骤:登录>选择你创建的应用>存储>选择ClassComment,然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~


关于删除/修改权限问题的说明

由于之前没有完读Leancloud的文档,造成了之前的数据可以通过终端删除。
v2网友@xqin在帖子Valine–一款基于Leancloud的极简风评论系统中已经测试过,测试过程如下图:

最新版本(v1.1.3)的Valine已经修复了这个问题,请正在用此款评论系统的朋友,尽快更新到最新版本。

对于leancloud已经存在的数据,做如下操作可防止恶意的终端删除:
登录Leancloud>选择你存评论的应用>选择CommentClass>对里面的每行数据中的ACL列进行编辑,勾选所有用户--读>设置。如下图:

请务必尽快更新到最新版本,谢谢!

–EOF–

您的支持将鼓励我继续创作!
0%