Valine+Leancloud搭建评论模块

最新推荐文章于 2024-08-23 08:50:54 发布

GiottoLee

最新推荐文章于 2024-08-23 08:50:54 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/Giotoolee/article/details/103102011

版权

Blog 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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>