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

版权声明:本文为博主原创文章,未经博主允许不得转载: https://blog.csdn.net/sinat_33381791/article/details/82822969

简介

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

配置

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是表示友情链接的博客名称或者随意你取,后面是链接,冒号后面记得空格

2.添加阅读统计

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

1.进入leancloud

2.创建应用

3.进入设置页面

4.应用key

将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

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进行一下配置,大家也可根据自己来设置该评论设置。

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

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

6.在后台查看评论数据

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

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

  • 来必力评论

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

1.进入来必力官网

2.进入安装页面

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

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

livere_uid:  #you data-uid如图所示

4.显示结果

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

总结

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

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

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

推荐

Hexo配置系列文章

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

猜你喜欢

转载自blog.csdn.net/sinat_33381791/article/details/82822969