本文介绍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 ***
添加友情链接
在主题配置文件(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">\#
将 #
换成 <i class="fa fa-tag"></i>
最后欢迎大家访问我的博客: 徐先生的小窝