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