Hexo给博客添加分类及标签的方法

在使用Hexo博客程序的时候，总是避免不了给博客添加一个合理的分类和标签，今天我们就来看一看如何给Hexo博客添加分类和标签，当然了，我们给Hexo博客添加分类和标签，也是使用代码命令来创建的，先来看创建分类选项。

生成“分类”页并添加tpye属性

我们在博客所在的文件夹打开命令行，然后在里面执行以下命令

1
hexo new page categories

成功之后会给出相对应的提示

1
INFO  Created: ~/Documents/blog/source/categories/index.md

当然，因为路径的问题，代码提示中INFO Created:的提示路径也不会相同，但是后面的

1
/source/categories/index.md

代码内容是相同的，当然了，如果你已经创建过分类页面，会出现

1
/source/categories/index-1.md

的信息提示，然后我们进入路径文件，找到里面的index.md文件，打开后默认内容是这样的

1
2
3
4
---
title: 文章分类
date: 2024-0-27 13:47:40
---

或者是

1
2
3
4
---
title: categories
date: 2024-0-27 13:47:40
---

添加

1
type: "categories"

到内容中，添加后是这样的

1
2
3
4
5
---
title: 文章分类
date: 2024-0-27 13:47:40
type: "categories"
---

然后保存关闭，当然了，我们还需要在添加文章的时候，给文章指定分类。

给文章添加“categories”属性

如果我们想给文章指定分类，那就打开需要添加分类的文章，为其添加categories属性，例如想着给文章指定为web前段分类，那就需要将

1
categories: web前端

这行代码添加到文章信息区域，就表示添加这篇文章到web前端这个分类之中，最终格式为

1
2
3
4
5
6
---
title: jQuery对表单的操作及更多应用
date: 2024-0-27 13:47:40
categories: 
- web前端
---

值得一提的是，Hexo博客不允许为文章指定多个分类，如果你把分类写成了这个样子

1
2
3
4
5
6
7
---
title: jQuery对表单的操作及更多应用
date: 2024-0-27 13:47:40
categories: 
- web前端
- JS前端
---

非常抱歉，这样的代码并不是把这篇文章同时放在了web前端和JS前端两个分类之中，而是放在了web前端/JS前端中，也就是会把JS前端这个分类当做web前端这个分类的子分类，从这里我们可以看出，分类具有顺序性和层次性，这一点儿是需要大家伙注意的。

1
2
3
4
5
6
7
---
title: jQuery对表单的操作及更多应用
date: 2024-0-27 13:47:40
categories: 
- web前端  //一级分类
- JS前端   //二级分类
---

至此，我们就成功的给文章添加了分类，点击首页的分类之后，就可以看到该分类下的所有文章。 当然，只有在文章之中添加了

1
categories: xxxxx

分类指定代码的文章才会被收录到首页的“分类”之中。

创建“标签”选项

我们同样在Hexo博客文件夹之中打开命令容器，然后输入指令

1
hexo new page tags

成功后会提示

1
INFO  Created: ~/Documents/blog/source/tags/index.md

这一点儿和我们创建分类的时候差不过，只不过类型是tags标签，然后我们进入路径文件夹，找到index.md文件，打开之后会有如下内容

1
2
3
4
---
title: 标签
date: 2024-0-27 13:47:40
---

当然也有可能是

1
2
3
4
---
title: tags
date: 2024-0-27 13:47:40
---

此时我们需要添加type: "tags"到内容中，添加后是这样的

1
2
3
4
5
---
title: 文章分类
date: 2024-0-27 13:47:40
type: "tags"
---

然后保存文件就可以。

给文章添加“tags”属性

当然我们需要给文章添加tags标签，此时我们就需要打开需要添加标签的文章，为其添加tags属性。

1
2
3
4
5
6
7
8
9
10
---
title: jQuery对表单的操作及更多应用
date: 2017-05-26 12:12:57
categories: 
- web前端
tags:
- jQuery    //第一个标签
- 表格      //第二个标签
- 表单验证  //第三个标签
---

这三个标签是并列的关系，不存在优先级，这也就说明了，Hexo博客的标签没有顺序和层次，他们在同一篇文章里是并列关系。至此成功给文章添加标签，点击首页标签可以看到该标签下的所有文章。 当然，只有添加了

1
tags: xxx

的文章才会被收录到首页的相关标签中。如果你想修改分类或者tags标签的路径，需要在Hexo博客根目录里面，找到_config.yml配置文件，在里面查找

1
# Directory

之后，就会找到如下代码

1
2
3
4
5
6
7
8
9
# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

我们只需要关注里面的两行代码就可以

1
2
3
4
5
6
# Directory
source_dir: source
public_dir: public
tag_dir: tags 这里自定义标签目录
archive_dir: archives 这里自定义归档目录
category_dir: categories 这里自定义分类目录

好了，今天的教程就到这里，感谢大家来到我的小博客。