Valine 一款快速、简洁且高效的无后端评论系统

Valine 一款快速、简洁且高效的无后端评论系统

简介

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

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

手机用户请横屏获取最佳阅读体验,REFERENCES中是本文参考的链接,如需要链接和更多资源,可以加入『知识星球』获取长期知识分享服务。

特性

  • 快速
  • 安全
  • Emoji
  • 无后端实现
  • MarkDown 全语法支持
  • 轻量易用
  • 文章阅读量统计 v1.2.0+

快速开始

获取APP ID 和 APP Key

请先登录或注册 LeanCloud, 进入控制台后点击左下角创建应用:

Valine 一款快速、简洁且高效的无后端评论系统_第1张图片

应用创建好以后,进入刚刚创建的应用,选择左下角的设置>应用Key,然后就能看到你的APP IDAPP Key了:

Valine 一款快速、简洁且高效的无后端评论系统_第2张图片

HTML 片段

修改初始化对象中的appIdappKey的值为上面刚刚获取到的值即可(其他可以默认)。

<head>
    ..
    <script src='//unpkg.com/valine/dist/Valine.min.js'>script>
    ...
head>
<body>
    ...
    <div id="vcomments">div>
    <script>
        new Valine({
      
            el: '#vcomments',
            appId: 'Your appId',
            appKey: 'Your appKey'
        })
    script>
body>

配置

修改初始化对象中的appIdappKey的值为上面刚刚获取到的值即可(其他可以默认)。

new Valine({
     
    el: '#vcomments' ,
    appId: 'Your appId',
    appKey: 'Your appKey'
});

npm

Valine 现已发布到npm,可以直接用命令安装:

# Install valine
npm install valine --save

组件配置

// Use import
import Valine from 'valine';
// or Use require
const Valine = require('valine');

new Valine({
     
    el:'#vcomments',
    // other config
})

评论数据管理

由于Valine 是无后端评论系统,所以也就没有开发评论数据管理功能。请自行登录Leancloud应用管理。

具体步骤:登录>选择你创建的应用>存储>选择Class Comment,然后就可以尽情的发挥你的权利啦(~ ̄▽ ̄)~

Valine 一款快速、简洁且高效的无后端评论系统_第3张图片

当然,你也可以配合 @DesertsP 开发的 Valine-Admin 进行评论数据管理

安全域名

为了你的数据安全,请设置自己的安全域名

Valine 一款快速、简洁且高效的无后端评论系统_第4张图片

更多配置参见 https://valine.js.org/configuration.html

Valine 一款快速、简洁且高效的无后端评论系统_第5张图片

效果展示

Valine 一款快速、简洁且高效的无后端评论系统_第6张图片

小结

作为一个组件,其作用很简单,就是可以让前端开发直接脱离后端数据存储API完成前端的产品开发。LeanCloud 数据存储服务。你可以通过使用其提供的 SDK,一行后端代码都不用写,而快速完成一个产品(网站或应用)的开发和发布。

LeanCloud 对大部分场景下的后端需求进行了抽象和统一,通过四大系统来实现一个通用、强大、可定制的 BaaS(Backend as a Service)服务:

  1. 面向对象的海量数据库
    前后端交互的主体,都是「数据」,不管结果多少,属性具体含义如何,它们都可以抽象成统一的「对象」来处理。LeanCloud 支持存储任意类型的对象,支持对象的增、删、改、查等多种操作,并且开发者无需担心数据规模的大小和访问流量的多少,可以简单将 LeanCloud 云端看成是一个面向对象的海量数据库来使用。
  2. 大文件存储和分发
    任何一款产品,不管是网站、应用还是游戏,都有一些素材或者文件需要存储和分发。与应用内数据不一样,这些文件因为它的体积较大,为了获得更快捷的用户体验,一般都还需要 CDN 服务。LeanCloud 存储系统完整涵盖了大文件存储和分发的需求。
  3. LeanEngine 完成特定业务逻辑
    LeanCloud 提供的数据操作 API 能覆盖大部分业务的需求,但是凡事总有例外,这些标准 API 有时候并不能完全满足某些特定需求,这时候怎么办?LeanCloud 还提供了「LeanEngine」自定义服务端业务逻辑的功能。LeanEngine 与大家熟知的 Google App Engine 相似,允许开发者写很少的一部分代码,来完成业务特有逻辑。这些代码会被部署到 LeanCloud 云端,与LeanCloud 标准服务一起执行,来实现特殊需求。
  4. 离线数据分析平台(仅对商用版和企业版应用开放)
    对于完全构建在 LeanCloud 上的产品来讲,在运行一段时间之后会积累大量的业务数据,这时候产品和运营层面都会产生一些数据挖掘或商业智能分析的需求,此时如何才能简便地操作云端,看到数据背后隐藏的趋势和价值呢?为此我们推出了分布式的「离线数据分析系统」,支持在应用数据集上进行各种处理和操作。离线分析系统是完全的分布式、实时计算系统,其执行效率和处理的数据规模远在 Hadoop MapReduce 之上。

更多参见 https://leancloud.cn/docs/storage_overview.html#hash1764147289


REFERENCES

  • Valine 官网: https://valine.js.org/quickstart.html

  • LeanCloud 官网:https://leancloud.cn/docs/leaderboard-quick-start-js.html


Valine 一款快速、简洁且高效的无后端评论系统_第7张图片

Valine 一款快速、简洁且高效的无后端评论系统_第8张图片

你可能感兴趣的:(Vue,Valine,Vuepress)