空白网络|资源分享基地

#教程#Valine简约的第三方评论系统

正所谓活到老学到老,即使专业不对口,兴趣在就蛮好,所以今天我又看到了一个新的好东西,Valine,由@云淡风轻以及@Deserts Pan所构建,十分感谢。

使用须知

1.LeanCloud账号 点此注册
2.一个网站
3.仔细看,仔细琢磨,如果出现错误,打开浏览器开发者工具找寻
4.不要做一个永远的伸手党

创建应用

部署应用

点此一键部署

github地址:https://github.com/panjunwen/Valine-Admin.git

设置环境变量

设置后台用户名及密码

设置好后重启你的应用

置入代码

<div class="comment"></div>
                <!--载入js,在</body>之前插入即可-->
    <!--Leancloud-->
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <!--Valine-->
    <script src="/assets/js/Valine.min.js"></script>
    <script src="https://cdnjs.cat.net/ajax/libs/jquery/3.2.1/jquery.min.js"> </script>
    
    <script>
        new Valine({
        
            av: AV, 
            el: '.comment',
            app_id: 'your id',
            app_key: 'your key',
            placeholder: 'ヾノ≧∀≦)o来啊,快活啊!',
        });
    </script>

案例

本次案例中使用Ghost博客来测试,如果你没有VPS,请点击此处
如果你要搭建Ghost博客,请点击此处

编辑你的主题post.hbs文件,将上述代码插入在你文件<body>之前

获取你的app_id/key

刷新你的博客,或者重启你的VPS,你将发现一个评论系统在你的网站活了过来。

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »