博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为Hexo博客添加LiveRe评论系统
阅读量:6314 次
发布时间:2019-06-22

本文共 1210 字,大约阅读时间需要 4 分钟。

hot3.png

注: 本文首发于 My 公众号 CodeSheep ,可 长按扫描 下面的 小心心 来订阅 ↓ ↓ ↓

CodeSheep · 程序羊



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

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

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

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

畅言:

畅言评论系统

Gitment:

Gitment评论系统

Gitalk:

Gitalk评论系统

LiveRe:

LiveRe评论系统

友言:

友言评论系统

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


首先注册并登录LiveRe

LiveRe注册地址:

LiveRe注册表单

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

选择City版本的LiveRe

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

信息填写

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

LiveRe代码

在个人博客中加入LiveRe代码

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

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

<% if (!index){ %>  <% if (post.comments){ %>  <%- partial('post/livere') %>  <% } else { %>    
<% } %><% } %>

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

在article.ejs中添加一段代码

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

LiveRe评论系统添加完成

如何自定义LiveRe的样式

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

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

LiveRe管理页面

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

转载于:https://my.oschina.net/hansonwang99/blog/1610113

你可能感兴趣的文章
华为畅玩5 (CUN-AL00) 刷入第三方twrp Recovery 及 root
查看>>
[转] ReactNative Animated动画详解
查看>>
DNS原理及其解析过程
查看>>
没想到cnblog也有月经贴,其实C#值不值钱不重要。
查看>>
【转】LUA内存分析
查看>>
[转] Entity Framework Query Samples for PostgreSQL
查看>>
软件需求分析的重要性
查看>>
UVA465:Overflow
查看>>
HTML5-placeholder属性
查看>>
Android选择本地图片过大程序停止的经历
查看>>
poj 2187:Beauty Contest(旋转卡壳)
查看>>
《Flask Web开发》里的坑
查看>>
Python-库安装
查看>>
Git笔记
查看>>
普通人如何从平庸到优秀,在到卓越
查看>>
SLAM数据集
查看>>
c#学习笔记05——数组&集合
查看>>
【图论算法】Dijstra&BFS
查看>>
注册和上传文件(头像)
查看>>
使用OVS
查看>>