zoukankan      html  css  js  c++  java
  • jekyll 添加 Valine 评论

    本文告诉大家如何在自己搭建的静态博客添加 Valine 评论。在这前,我基本都是使用 多说,但是多说gg啦,所以就在找一个可以替换的评论

    本来 Disqus 是很好的,但是在国内很难打开,所以我就需要一个可以在国内打开的静态评论。我找到了网易云评论,但是他需要自己的域名,所以我就不要他了。最后找到了 Valine ,感觉还不错。

    首先打开自己的博客页面,如果你用的是 我的主题搭建的博客,那么就可以按照我说的来做,如果使用的是自己的主题,那么需要把代码放到自己主题的地方。

    我的博客页面是 post.html文件,但是我把评论写在 includecomment.html 文件,所以打开comment.html文件添加下面代码

       <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
        <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
        <div id="comment"></div>
    

    然后打开LeanCloud注册获得appid

    注册之后创建应用

    在这里插入图片描述

    点击设置

    在这里插入图片描述

    点击key可以看到自己的 appid

    在这里插入图片描述

    然后复制自己的App ID、App Key,下面我代码的App ID、App Key就用自己的替换

    <script>
        var valine = new Valine();
        valine.init({
            el:'#comment',
            appId:'App ID',
            appKey:'App Key',
            notify:true,
            path: '{{ page.url }}',
            placeholder:'在这里写评论——林德熙'
        })
    </script>
    

    现在就可以试试自己的博客是否开了评论

    在这里插入图片描述

    Valine – 一款极简的评论系统

    知识共享许可协议
    本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接:http://blog.csdn.net/lindexi_gd ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系

  • 相关阅读:
    JQuery使用总结
    JS应用总结
    Base64数据转成Excel,并处理Excel的格式
    HTTP压缩
    谷歌开发工具解析
    .Net LIst排重
    MySql日志系统
    .Net生成PDF流
    Mysql MVCC
    JAVA期末综合课程设计
  • 原文地址:https://www.cnblogs.com/lindexi/p/12087106.html
Copyright © 2011-2022 走看看