Hexo搭建GitHub博客—打造炫酷的NexT主题--高级(五)

Eirunye

简介

上篇Hexo搭建GitHub博客—打造炫酷的NexT主题--高级(四)讲解到Hexo NexT的相关配置如:设置字体、背景动画、添加打赏等等。大家还没设置可以去查看根据自己的需要。
接下来继续对NexT主题博客进行配置,本篇主要是还是添加一些第三方配置。请跟着脚步开启新的旅行吧。

Hexo.png

配置

1.友情链接

next/_config.yml下搜索

# Blog rolls
links_icon: link  #图标
links_title: 友情链接    #表示Title
links_layout: block
#links_layout: inline
links:     #打开
  Eirunye: http://eirunye.github.io/   #所需添加的友情链接 Title是表示友情链接的博客名称或者随意你取,后面是链接,冒号后面记得空格

友情链接.png

2.添加阅读统计

我们给每篇文章进行添加阅读统计,我是如何配置的呢?如下图查看

添加阅读次数.png

1.进入leancloud

leancloud.png

2.创建应用

创建应用.png

3.进入设置页面

设置1.png

4.应用key

应用key.png

将App ID、App Key 配置到next/_config.ymlleancloud_visitors

leancloud_visitors:
  enable: true 设置为true 默认为false
  app_id:  #你的App ID,注意冒号后面空格
  app_key:  #你的App Key,注意冒号后面空格
  Dependencies:  https://github.com/theme-next/hexo-leancloud-counter-security #设置依赖
  security: true #如果您不关心lc计数器中的安全性并且只想直接使用它(没有hexo-leancloud-counter-security插件),请将`security`设置为`false`。
  betterPerformance: true#更好的性能

5.在leancloud存储的位置创建Class,必须命名为Counter

创建Counter.png

6.查看后台统计数据

leancloud后台统计阅读量.png

  • 注:这里主要是创建时需要注意的命名Counter,还有在next/config.yml中的leancloud_visitors配置。
3.添加评论

我们来进行一下文章添加评论系统吧。来设置一些常用的评论系统,我的博客选择的是Valine

  • Valine

next/_config.yml搜索Valine,进入Valine 官网,也是leancloud官网,进入leancloud 控制台,没有账号密码就进行设置。

Valine.png

1.创建应用

创建应用.png

2.进入设置页面

设置1.png

3.应用key

应用key.png

4.在next/_config.yml进行一下配置,大家也可根据自己来设置该评论设置。

valine:
  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.显示结果

显示结果.png

这样就完成了valine评论的配置了,接下来就可以进行评论了,我们还可以在后台查看评论信息。

6.在后台查看评论数据

valine后台,存储位置中的数据里面创建Class,名称必须为命名为Comment

创建Comment.png

评论系统后台管理数据.png

  • 注:选择valine评论系统是因为支持国内网络,不需要连接外网(翻墙)就可以进行显示评论系统,而且很好管理,页面简单。
  • 来必力评论

接下来我们来进行一下来必力评论系统在NexT上配置。

1.进入来必力官网

来必力官网.png

2.进入安装页面

安装.png

3.进入评论系统中的代码管理

将data-uid复制到next/_config.yml中的livere_uid

livere_uid:  #you data-uid如图所示

设置livere_uid.png

4.显示结果

来必力显示.png

来必力评论.png

  • 注:来必力是韩国打造的评论系统,所以可能在国内有时不稳定,可能有时需要翻墙才能进行评论,所以大家在选择的时候,需要注意。

总结

1.本章主要讲解的是NexT添加友情链接,这样如需添加,就进行添加。

2.添加评论系统,让我们的文章都可以让读者进行评论,指点江山、探讨知识点,可能出现问题,学习进步。

3.这里进行了两种评论系统的配置,接下来,有空将别的也添加说明一下,一起玩玩别的评论系统看看怎么样,不过这两个也是够了的,推荐Valine,这样我们可以管理阅读统计量。

推荐

Hexo配置系列文章

Hexo搭建GitHub博客--初级(一)
Hexo搭建GitHub博客--初级(二)
Hexo搭建GitHub博客—打造炫酷的NexT主题--高级(三)
Hexo搭建GitHub博客—打造炫酷的NexT主题--高级(四)
Hexo搭建GitHub博客—打造炫酷的NexT主题--高级(五)

阅读 2.5k

Eirunye技术栈
这是关于Eirunye技术号在开发中遇到的问题,或者是平时所做的笔记,整理。
95 声望
10 粉丝
0 条评论
你知道吗?

95 声望
10 粉丝
宣传栏