简介
上篇Hexo搭建GitHub博客—打造炫酷的NexT主题–高级(四)讲解到Hexo NexT的相关配置如:设置字体、背景动画、添加打赏等等。大家还没设置可以去查看根据自己的需要。
接下来继续对NexT主题博客进行配置,本篇主要是还是添加一些第三方配置。请跟着脚步开启新的旅行吧。
配置
1.友情链接
在next/_config.yml
下搜索1
2
3
4
5
6
7# Blog rolls
links_icon: link #图标
links_title: 友情链接 #表示Title
links_layout: block
#links_layout: inline
links: #打开
Eirunye: http://eirunye.github.io/ #所需添加的友情链接 Title是表示友情链接的博客名称或者随意你取,后面是链接,冒号后面记得空格
2.添加阅读统计
我们给每篇文章进行添加阅读统计,我是如何配置的呢?如下图查看
1.进入leancloud
2.创建应用
3.进入设置页面
4.应用key
将App ID、App Key 配置到next/_config.yml
中leancloud_visitors
1 | leancloud_visitors: |
5.在leancloud
存储的位置创建Class
,必须命名为Counter
6.查看后台统计数据
- 注:这里主要是创建时需要注意的命名
Counter
,还有在next/config.yml
中的leancloud_visitors
配置。
3.添加评论
我们来进行一下文章添加评论系统吧。来设置一些常用的评论系统,我的博客选择的是Valine
- Valine
在next/_config.yml
搜索Valine
,进入Valine 官网,也是leancloud官网,进入leancloud
控制台,没有账号密码就进行设置。
1.创建应用
2.进入设置页面
3.应用key
4.在next/_config.yml
进行一下配置,大家也可根据自己来设置该评论设置。1
2
3
4
5
6
7
8
9
10
11valine:
enable: true # 设置为true,默认为false
appid: # 将应用key的App ID设置在这里
appkey: # 将应用key的App Key设置在这里
notify: true# 邮箱通知 , https://github.com/xCss/Valine/wiki,默认为false
verify: true# 验证码 默认为false
placeholder: Just go go ^_^ # 初始化评论显示,根据自己修改,这里默认,
avatar: wavatar # 头像风格,默认为mm,可进入网址:https://valine.js.org/visitor.html查看头像设置,这里有许多头像风格,进行设置
guest_info: nick,mail,link # 自定义评论标题
pageSize: 10 # 分页大小,10页就自动分页
visitor: true # 是否允许游客评论 ,进入官网查看设置:https://valine.js.org/visitor.html
5.显示结果
这样就完成了valine
评论的配置了,接下来就可以进行评论了,我们还可以在后台查看评论信息。
6.在后台查看评论数据
在valine
后台,存储位置中的数据里面创建Class
,名称必须为命名为Comment
注:选择
valine
评论系统是因为支持国内网络,不需要连接外网(翻墙)就可以进行显示评论系统,而且很好管理,页面简单。来必力评论
接下来我们来进行一下来必力评论系统在NexT
上配置。
1.进入来必力官网
2.进入安装页面
3.进入评论系统中的代码管理
将data-uid复制到next/_config.yml
中的livere_uid
1
livere_uid: #you data-uid如图所示
4.显示结果
- 注:来必力是韩国打造的评论系统,所以可能在国内有时不稳定,可能有时需要翻墙才能进行评论,所以大家在选择的时候,需要注意。
总结
1.本章主要讲解的是NexT添加友情链接,这样如需添加,就进行添加。
2.添加评论系统,让我们的文章都可以让读者进行评论,指点江山、探讨知识点,可能出现问题,学习进步。
3.这里进行了两种评论系统的配置,接下来,有空将别的也添加说明一下,一起玩玩别的评论系统看看怎么样,不过这两个也是够了的,推荐Valine
,这样我们可以管理阅读统计量。
推荐
Hexo搭建GitHub博客—打造炫酷的NexT主题–高级(三)