hexo添加分类和标签

本教程针对的是Mac环境下,nexT主题的文章分类和标签设置。
添加成功后会在侧边栏或导航栏生成“分类”和“标签”这两个选项,看下图:

创建分类选项

生成分类页并添加tpye属性

打开命令行,进入博客所在文件夹。执行命令

1
hexo new page categories

成功后会提示:

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

根据上面的路径,找到index.md这个文件,打开后默认内容是这样的:

1
2
3
4
---
title: 文章分类
date: xxxx 13:47:40
---

添加type: "categories"到内容中,添加后是这样的:

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

保存并关闭文件。

给文章添加categories属性

打开需要添加分类的文章,为其添加categories属性。下方的categories: web前端表示添加这篇文章到“web前端”这个分类。注意:hexo一篇文章只能属于一个分类,也就是说如果在“- web前端”下方添加“-xxx”,hexo不会产生两个分类,而是把分类嵌套(即该文章属于 “- web前端”下的 “-xxx ”分类)。

1
2
3
4
5
6
---
title: jQuery对表单的操作及更多应用
date: xxxx 12:12:57
categories:
- hexo
---

至此,成功给文章添加分类,点击首页的“分类”可以看到该分类下的所有文章。当然,只有添加了categories: xxx的文章才会被收录到首页的“分类”中。

创建标签选项

生成标签页并添加tpye属性

打开命令行,进入博客所在文件夹。执行命令

1
hexo new page tags

成功后会提示:

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

根据上面的路径,找到index.md这个文件,打开后默认内容是这样的:

1
2
3
4
---
title: 标签
date: xxxx 14:22:08
---

添加type: "tags"到内容中,添加后是这样的:

1
2
3
4
5
---
title: 标签
date: xxxx 13:47:40
type: "tags"
---

保存并关闭文件。

给文章添加tags属性

打开需要添加标签的文章,为其添加tags属性。下方的tags:下方的- jQuery - 表格
- 表单验证就是这篇文章的标签了

1
2
3
4
5
6
7
8
9
10
---
title: jQuery对表单的操作及更多应用
date: xxxx 12:12:57
categories:
- web前端
tags:
- jQuery
- 表格
- 表单验证
---

至此,成功给文章添加分类,点击首页的“标签”可以看到该标签下的所有文章。当然,只有添加了tags: xxx的文章才会被收录到首页的“标签”中。