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

2018-09-23 本文已影响26人 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.yml中leancloud_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.显示结果