专栏首页CodeSheep的技术分享为Hexo博客添加LiveRe评论系统

为Hexo博客添加LiveRe评论系统

最近有些网友问我,我的个人博客中的评论系统是怎么添加的,说实话我都有点忘了,毕竟搞了有好长一段时间了,唉不得不说这个遗忘得真是很快。 今天正好有时间,我就把如何为自己的Hexo博客添加评论系统写一篇水文好了。

最近有些网友问我,我的个人博客中的评论系统是怎么添加的,说实话我都有点忘了,毕竟搞了有好长一段时间了,唉不得不说这个遗忘得真是很快。 今天正好有时间,我就把如何为自己的Hexo博客添加评论系统写一篇水文好了。

相信大家看过很多个人博客,用Hexo搭建的博客应该说很流行了,既方便又极具性价比,适合大家自己来动手DIY。

我们都希望自己的博客具有一个评论系统,一方面用于收集大家的意见来更好的改进,另一方面评论系统也提供了一个读者与作者之间交流的平台。

评论系统可以说五花八门啦,用得多的比如:畅言、Gitment、Gitalk、LiveRe、Disqus、友言 等等

本文接下来主要阐述如何添加LiveRe作为博客的评论系统


首先注册并登录LiveRe

LiveRe注册地址:https://livere.me/register?lang=zh-cn

注册以后登录进去,选择City版进行安装,City版是免费的,对我们这种个人博客而言完全足够了

接下来需要填写一些关于你想将LiveRe用于的博客的一些信息:

填完之后,申请获取代码,此时其将会给你一段代码,该段代码等下需要加到你的个人博客的页面中,我们可以先将其复制并保存起来:


在个人博客中加入LiveRe代码

首先去如路径:hexo_bolg/themes/your-theme/layout/_partial/post下创建livere.ejs代码。livere.ejs的内容就是上一步中获取的代码:

123456789101112131415161718

<!-- 来必力City版安装代码 --><div id="lv-container" data-id="city" data-uid="MTAyMC8zMzM5MC85OTQ2"> <script type="text/javascript"> (function(d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === 'function') { return; } j = d.createElement(s); j.src = 'https://cdn-city.livere.com/js/embed.dist.js'; j.async = true; e.parentNode.insertBefore(j, e); })(document, 'script'); </script><noscript> 为正常使用来必力评论功能请激活JavaScript</noscript></div><!-- City版安装代码已完成 -->

然后修改路径:hexo_bolg/themes/your-theme/layout/_partial下的article.ejs文件,在<% if (!index && post.comments){ %> 代码块下添加如下代码:

1234567

<% if (!index){ %> <% if (post.comments){ %> <%- partial('post/livere') %> <% } else { %> <div class="lv-container"></div> <% } %><% } %>

我再来配一张图给你们看一下:

此时LiveRe已经添加OK了,重新部署你的博客然后刷新页面就可以看到博客中添加好了LiveRe评论系统(比如我的博客:http://www.hansonwang99.com.cn/):


如何自定义LiveRe的样式

LiveRe支持多重方式进行登录,而且其样式也是可以自定义的:

可以去LiveRe的网站的管理页面中进行设置:

更多好玩的东西你可以尽情探索,找到你自己喜欢的样式就可以啦

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Java编程思想学习录(连载之:初始化与清理)

    CodeSheep
  • Groovy初体验:构建高性能JVM应用

    CodeSheep
  • 利用K8S技术栈打造个人私有云(连载之:K8S资源控制)

    基于前面系列文章的详细阐述,我们已经可以手工去K8S集群的命令行下将CentOS 7.4操作系统的Docker镜像启动起来,然后用户可以通过SSH登录到Cent...

    CodeSheep
  • TensorFlow文本摘要生成 - 基于注意力的序列到序列模型

    维基百科对自动摘要生成的定义是, “使用计算机程序对一段文本进行处理, 生成一段长度被压缩的摘要, 并且这个摘要能保留原始文本的大部分重要信息”. 摘要生成算法...

    用户1621453
  • 曲线拟合的几种解释

    曲线拟合是一个经典的问题,将其数学化后是:已知训练数据x\bf{x}和对应的目标值t\bf{t}。通过构建参数为w\bf{w}的模型,当新的xx出现,对应的tt...

    用户1147754
  • 死磕 java原子类之终结篇

    原子操作是指不会被线程调度机制打断的操作,这种操作一旦开始,就一直运行到结束,中间不会有任何线程上下文切换。

    彤哥
  • NEO4J 图数据库哪里和哪里 从哪里开始

    上期已经安装了图数据库,本期就该讨论到底这个图数据库里面的一些基本的概念和如何操作。最近听到一句话,年轻不年轻,不是看年龄,而是看你对新鲜事物的热情,即使你20...

    AustinDatabases
  • DKhadoop添加删除节点的易用性探讨

    Hadoop作为搭建大数据处理平台的重要“基石”,关于它的分析和讲解的文章已经有很多了。Hadoop本身是一分布式的系统,因此在安装的时候,需要多每一个节点进行...

    IT小白龙
  • Goroutine+Channel+WaitGroup使用

    golang语言中最有特色之一的东东就是这个goroutine了,很多时候问起别人为什么golang的好用,golang的网络性能可以那么好,一般都会多多少少想...

    黑光技术
  • Goroutine+Channel+WaitGroup使用

    golang语言中最有特色之一的东东就是这个goroutine了,很多时候问起别人为什么golang的好用,golang的网络性能可以那么好,一般都会多多少少想...

    黑光技术

扫码关注云+社区

领取腾讯云代金券