hexo配置使用next主题

本文介绍hexo next主题的使用和一些好用的配置，同时记录自己的配置过程

本人的博客主目录为_{/blog,以下博客配置文件指}/blog/_config.yml 主题配置文件指 ~/blog/themes/next/_config.yml

设置语言以及网站基本信息

# Site
title: 徐先生的小窝     #网站名称 
subtitle: 记录自己的成长    #子名称
description: 特立独行的普通人   #网站简介
keywords: free  #关键字
author: sand    #作者名称
language: zh-CN #语言 简体汉语
timezone: Asia/Shanghai #时区

安装使用next主题

进入博客目录,然后从Github克隆到themes/next

$ cd blog
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

编辑主配置文件blog/_config.yml选择next主题

注释掉原来的theme，新添加'theme: next'

配置图

现在就已经切换为next主题了

选择Scheme

Scheme 是next 提供的一种特性，借助Scheme，next为你提供多种不同的外观。而且几乎所有的配置都可以在Scheme之间公用。

# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces
#scheme: Gemini

设置菜单

在主题目录下的配置文件中menu配置

menu:
  home: / || home
  about: /about/ || user
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive
  # schedule: /schedule/ || calendar
  #music: /music/ || music
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat

设置tags 和categories时需要新生成page
在博客主目录下执行

cd ~/blog
hexo new page tags      #生成标签页
hexo new page categories  #生成分类页面

*为 ~/blog/source/tags/index.md 和~/blogsource/categories/index.md 添加type 类型 *

***分别添加 type: tags 和 type: categories ***

type_tags

type_categories

添加友情链接

在主题配置文件(Blog\themes\next_config.yml)中打开links 开关即可

# Blog rolls
links_icon: link
links_title: 友情链接
links_layout: block
#links_layout: inline
links:
  #Title: http://example.com/

设置头像

编辑主题配置文件，修改字段 avatar, 值修改成头像的连接地址。

地址	值
完整的互联网URI	http://example.com/avatar.png
站点内地址	将头像放至source/images/ 目录下配置为： avatat: /images/avatar.png

百度统计

登录百度统计，定位到站点的代码获取页面。
复制 hm.src = "https://hm.baidu.com/hm.js? 后面的那串统计脚本id.
编辑主题配置文件，修改 baidu_analytics 字段，将其值设置为刚刚复制的id.

修改文章底部的带# 号的标签

效果图

效果图

实现方法

修改模板 ~/blog/themes/next/layout/_macro/post.swig，搜索 rel="tag">\# 将 # 换成

最后欢迎大家访问我的博客：徐先生的小窝