Valine,一款极简的评论系统


2018.02.16更新

#快速开始
HTML片段
请在需要评论框的文章页内相应位置引入下面的HTML代码:

<!--评论显示区,请插入合适的位置-->
    <div class="comment"></div>

获取appid和appkey
请先登录或注册 LeanCloud, 进入控制台后点击左下角创建应用:
 
应用创建好以后,进入刚刚创建的应用,选择左下角的设置>应用Key
然后就能看到你的appid和appkey了:


#配置
修改初始化对象中的appId和appKey的值为上面刚刚获取到的值即可(其他可以默认)。
<!--载入js,在</body>之前插入即可-->
    <!--Leancloud 操作库:-->
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <!--Valine 的核心代码库-->
    <script src="./dist/Valine.min.js"></script>
    <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来啊,快活啊!', // 留言框占位提示文字
        });
    </script>

这样一个评论系统就组建好了,Valine是无后端的,那么为了方便管理可以用一些LeanEngine 代码来实现管理。
#云引擎一键部署
不用担心,代码我都写好了,不需要本地开发环境,只要在网页点两下就能完成。
打开 LeanCloud 后台,进入云引擎设置页。
填写代码库并保存:https://github.com/panjunwen/Valine-Admin.git


切换到部署标签页,分支使用master,点击部署即可:



此外,你需要设置云引擎的环境变量以提供必要的信息,如下示例:



请正确填写 SMTP 服务器信息,部分邮箱需要单独的 SMTP 密码。以QQ邮箱为例,需要在设置中开启 SMTP 并且通过发送短信来获取授权码(即密码)。注意我们使用 SSL 发件,所以端口别填错了。

如果你用过 WordPress 你应该有 Akismet Key;如果还没有,你可以去 AKISMET FOR DEVELOPERS 网站 免费申请一个;如果你不需要反垃圾评论,Akismet Key可以忽略。

#设置二级域名后你可以访问评论管理后台。

后台管理需要登录,使用云存储 _User 表中的用户登录即可。特别提醒,为确保数据安全,请合理设置数据库权限。此外,请务必设置 Web 安全域名。

设置完成后重启一下云引擎实例一切就正常工作啦!


熊猫博客打赏
*打赏支持:支付宝/微信,请熊猫喝杯卡布奇诺吧

除特殊说明,原创内容采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可

标签: 评论系统

发表评论: