Valine+Leancloud搭建评论模块

Extract

Valine 诞生于2017年8月7日，是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。

理论上支持但不限于静态博客，目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。

前言

之前国内Blog评论系统大多采用Gitment、网易云跟帖、多说、畅言等，目前网易云跟帖和多说已经凉凉，Gitment游客评论必须需要登录Github账户，使用畅言需要备案。这时候我将目光转向了Valine这个极简的轻量化无后台评论系统。

Valine无后端，对于站长少了维护的一环，减少了不少工作量；对于游客，可匿名评论，减少了注册的步骤，对于小型Blog来说，这是一个十分优秀的评论系统。

注册Leancloud

Valine依托于Leancloud，所以首先我们需要到官网注册一个用户。

登录控制台，创建一个应用，并命名。

在存储->结构化数据创建一个class并命名为comment。

在设置->应用Keys可以看到自动生成的AppID和AppKey,这在之后会用到。

修改Ghost后台

首先需要在Ghost后台Code injections -> Site Header添加两行代码：

<script src=“//cdn1.lncld.net/static/is/3.0.4/as-min.js”></script>
<script src=‘//unpkg.com/valine/dist/Valine.min.js’></script>

然后通过Xshell或者任何ssh工具连接到你的服务器，进入到你的主题目录：

#进入主题目录
cd /var/www/ghost/content/theme/<Your theme>#修改post.hbs
sudo vi post.hbs

在文件中插入以下代码：

              {{/foreach}}</div></footer><!-- Valine -->#插入以下内容<div class="comment"></div><!--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 src="https://cdnjs.cat.net/ajax/libs/jquery/3.2.1/jquery.min.js"> </script><script>new Valine({av: AV, el: '.comment',app_id: '<AppID>',app_key: '<AppKey>',placeholder: 'say something',});</script>

在ghost文件夹下执行ghost restart重启Ghost即可。

添加评论提醒

由于Valine无后端的特性，游客在Blog中评论，作为博主无从得知，所以我们添加评论通知的功能。

评论通知使用了Valine-admin

官方给出的文档十分详细，按照给出的步骤部署即可。

测试结果如下：

至此，作为Blog的基本功能评论功能已基本实现。

毕竟，没有交互，谈什么分享。