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

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

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

我的博客页面是 post.html文件,但是我把评论写在 include\comment.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 ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系

最新文章

  1. RabbitMQ(五) -- topics
  2. Oracle开发常用函数
  3. ajax删除数据后刷新页面
  4. 20145223《Java程序程序设计》第4周学习总结
  5. 解决TalbleView头部或底部子控件不显示问题
  6. Java事务处理全解析(五)—— Template模式
  7. [IIS] eset/Restart/Recycling/Refresh 的区别
  8. 【转】ubuntu下安装eclipse以及配置python编译环境
  9. HttpServletRequest 的使用
  10. Jsp的九个隐含对象
  11. iOS - UITableViewCell Custom Selection Style Color
  12. C# 二分查询
  13. tomcat解决乱码
  14. java学习之部分笔记
  15. Chapter 2 Open Book——6
  16. ThinkCMF的跳转303 404等页面的方法
  17. Jmeter + Ant 测试环境搭建 及解决问题: the &lt;jmeter&gt; type doesn&#39;t support nested text data
  18. CSS优先级和定位
  19. 【ASP.NET Core快速入门】(十六)MVC开发:DbContextSeed初始化
  20. ORACLE——获取随机数

热门文章

  1. Docker.[2].安装Docker.
  2. vue-cli3.0 资源加载的优化方案
  3. 2019-10-26-Inno-Setup-安装包脚本-Run-的-Flags-标记
  4. python 对象的封装性
  5. X-editable 不能二次初始化的问题解决方案
  6. 【JZOJ4820】【NOIP2016提高A组模拟10.15】最大化
  7. 阿里开源新一代 AI 算法模型,由达摩院90后科学家研发
  8. 获得审批人的id
  9. oracle函数 ROW_NUMBER()
  10. How to use AutoMapper