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

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

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

似乎看起来还不错,发现有不少的博客站长都在用,如果网站不想存放评论数据,只是简单的想有个入口提供大家讨论交流的话,不放可以研究试试这个Valine

搭建流程:https://valine.js.org/quickstart.html

获取APP ID 和 APP Key

配置HTML 片段

<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>

修改初始化对象中的appId和appKey的值

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

如图所示

QQ图片20200616111744.png

默认就是这样了,如果想开启其他功能,可以看看官方的文档,也有qq获取头像昵称的功能的,下面分享简单的美化版本样式

.vsubmit {color: #fff !important; background-color: #4fb1f7 !important;}
#veditor{border: 1px solid #f4f6fb; border-radius: 6px; background-color: #f4f6fb;}
#vcomments input{border: 1px solid #f4f6fb; border-radius: 6px; background-color: #f4f6fb;  margin-right: 10px;}
.markdown,.vlink{display:none !important;}
.vwrap{ border: 0px solid #f0f0f0 !important;}
.vrow{padding-top: 5px !important;    padding-bottom: 0px !important;}

如图所示:

QQ图片20200616111905.png

文章由官网发布,如若转载,请注明出处:https://www.dpaoz.com/449
2.7k

发表评论

已有 3 条评论

  1. Manchester     Win 10 /    Chrome 说道:
    2020-10-13 21:25

    小电视厉害了

  2. SupPort     Win 10 /    Chrome 说道:
    2020-07-11 15:34

    有些评论越简单越好

  3. yunxing     Win 7 /    Chrome 说道:
    2020-07-01 14:57

    :阴险::阴险::阴险:学习

嘿,我来帮您!