hexo配置使用next主题

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

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

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

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

安装使用next主题

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

1
2
$ 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之间公用。

1
2
3
4
5
# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces
#scheme: Gemini

设置菜单

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

1
2
3
4
5
6
7
8
9
10
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
在博客主目录下执行

1
2
3
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 开关即可

1
2
3
4
5
6
7
# 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/ 目录下 配置为: avatar下url: /images/avatar.png

贴上自己的配置图

头像配置图


百度统计

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

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

效果图

效果图

实现方法

修改模板 ~/blog/themes/next/layout/_macro/post.swig,搜索 rel="tag">\## 换成 <i class="fa fa-tag"></i>

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

------本文结束感谢阅读------