前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Valine 一款快速、简洁且高效的无后端评论系统

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

作者头像
架构探险之道
发布2020-09-01 14:33:24
9600
发布2020-09-01 14:33:24
举报
文章被收录于专栏:架构探险之道架构探险之道

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

  • 特性
  • 快速开始
    • 获取APP ID 和 APP Key
    • HTML 片段
  • 配置
    • npm
    • 评论数据管理
    • 安全域名
  • 效果展示
  • 小结
  • REFERENCES

简介

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

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

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

特性

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

快速开始

获取APP ID 和 APP Key

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

.

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

.

HTML 片段

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

代码语言:javascript
复制
<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的值为上面刚刚获取到的值即可(其他可以默认)。

代码语言:javascript
复制
new Valine({
    el: '#vcomments' ,
    appId: 'Your appId',
    appKey: 'Your appKey'
});

npm

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

代码语言:javascript
复制
# Install valine
npm install valine --save

组件配置

代码语言:javascript
复制
// Use import
import Valine from 'valine';
// or Use require
const Valine = require('valine');

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

评论数据管理

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

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

.

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

安全域名

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

.

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

.

效果展示

.

小结

作为一个组件,其作用很简单,就是可以让前端开发直接脱离后端数据存储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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-08-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 架构探险之道 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Valine 一款快速、简洁且高效的无后端评论系统
    • 特性
      • 快速开始
        • 获取APP ID 和 APP Key
        • HTML 片段
      • 配置
        • npm
        • 评论数据管理
        • 安全域名
      • 效果展示
        • 小结
          • REFERENCES
          相关产品与服务
          文件存储
          文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档