0%

Hexo使用手册(2)

本文介绍了Hexo主题(Next)安装及对主题进行自定义配置。

主题安装

下载

1
2
3
4
// 切换到博客目录路径
cd HexoBlog
// 将选定的主题克隆到themes文件夹下,Next主题为例
git clone https://github.com/theme-next/hexo-theme-next themes/next

配置

修改_config.yml文件中theme的配置为next

1
2
// 生成和发布主题
hexo g -d

主题配置

NexT官网

语言设置

设置博客目录下_config.yml文件的language配置

1
language: zh-Hans

※注 Next主题的languages文件夹下中文配置文件名为zh-CN.yml,配置不会生效,需要重命名为zh-Hans.yml

设定代码高亮

①在站点的_config.yml文件中,搜索hightlight

1
2
3
4
5
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace:

②再到主题的_config.yml文件,找到highlight_theme,设置为喜欢的样式

1
highlight_theme: normal

③最后在文章的代码块标签首个```后注明语言类型

配置标签页

在主题的_config.yml文件如果开启了menu下的tags标签,菜单会显示标签连接,如果不配置tags页面,则会跳转到404画面。

1
2
3
4
menu:
home: / || fa fa-home
about: /about/ || fa fa-user
tags: /tags/ || fa fa-tags

①生成tags页面

1
2
// 会在~source/tags/目录下生成index.md
hexo new page tags

②打开index.md文件,添加type: tags

1
2
3
4
5
---
title: Tags
date: 2021-06-15 22:36:17
type: tags
---

发布文章

1
2
// 执行new命令,生成指定名称的文章至hexo\source\_posts\postName.md
hexo new [layout] "postName"

其中layout是可选参数,默认值为post。scaffolds目录下文件名称就是layout名称,可在_config.yml中修改默认值default_layout: post

1
2
3
4
5
6
7
title: postName #文章页面上的显示名称,可以任意修改,不会出现在URL中
date: 2021-06-11 08:48:16 #文章生成时间,一般不改,当然也可以任意修改
categories: #文章分类目录,可以为空,注意:后面有个空格
tags: #文章标签,可空,多标签请用格式[tag1,tag2,tag3],注意:后面有个空格
description: #概要信息
---
这里开始使用markdown格式输入你的正文。