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>
        

#插入以下内容
    <div class="comment">div>
    
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js">script>
    
    <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: '',
            app_key: '',
            placeholder: 'say something',
        });
    script>

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

添加评论提醒

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

评论通知使用了Valine-admin

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

测试结果如下：

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

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