5.Hexo为页面标记标签和类别
Hexo的标签和类别基本上是可以在Hexo中将内容分组的两种方式
如果在网站上有一堆内容，有不同的博客文章
将博客文章分类为不同的类别会很有帮助
用特定的关键词为博客文章标记
如果可以同时分类和标记页面，会使网站用户更轻松地找到他们想要的页面类型
还可以提高网站的整体组织性
如何使用标签和类别标记内容
![![[Pasted image 20240413144413.png]]](https://img-blog.csdnimg.cn/direct/1597ed64796e4a31aaef3a8a5d42f1c2.png)
现在posts文件夹里有a，b，d，f四个文件，这些都可以代表网站上的博客帖子
如果想为每个博客添加标签，可以通过简单地创建一个数组来做到这一点
输入Tag1，Tag2和Tag3
将用Tag1，Tag2和Tag3来标记a文件
![![[Pasted image 20240413153115.png]]](https://img-blog.csdnimg.cn/direct/000118fff2a5475db6204171f9659283.png)
用Tag1来标记b文件
Tag2来标记d文件
Tag3来标记f文件
保存修改然后转到网站
![![[Pasted image 20240413153232.png|775]]](https://img-blog.csdnimg.cn/direct/f3ac137474fa40cd86f414e180938139.png)
因为正在使用的Hexo主题，Hexo能够识别哪些文件标记有哪些标签，并显示在页面中
因此可以用这些标记特定关键词给特定的博客文章
![![[Pasted image 20240413153259.png]]](https://img-blog.csdnimg.cn/direct/499153fda1104bbdbb54f1f2504314a4.png)
并且在页面有一个标签页面，并且有3个链接，这些链接到Hexo创建的特殊页面
所以除了能够使用不同的标签去标记内容之外，Hexo还会为每个标签生成特定的页面
![![[Pasted image 20240413153312.png]]](https://img-blog.csdnimg.cn/direct/5f51d4075c5b4290b6906e89072ed063.png)
如果点击Tag1链接，Hexo会打开另一个页面，这时的URL
![![[Pasted image 20240413153327.png]]](https://img-blog.csdnimg.cn/direct/1074652ae6e94de9912e53e136cb62b0.png)
localhost:4000/tags/Tag1，这时一个完全专用于Tag1的页面
作用是列出网站上所有有Tag1标记的内容
![![[Pasted image 20240413153343.png]]](https://img-blog.csdnimg.cn/direct/b09e096fd7a04220b5f488d3d31ef6ee.png)
如果点击Tag2，情况是一样的
Hexo自动生成这样的标签页面
自己要做的事情就是标记自己的内容
Hexo会在幕后做大量工作以便组织网站和所有内容
要做的就是在frontmatter里添加标签
不仅可以输入标签还可以输入类别
categories:
- [Cat1]
- [Cat2]
- [Cat3]
现在已经用了类别标记了这个页面，当刷新页面的时候
会看到a文件多出了类别的部分显示出来
![![[Pasted image 20240413153432.png]]](https://img-blog.csdnimg.cn/direct/32477e6f843c435c9f422f50b0648cd4.png)
有三个不同的类别
类别的作用就像标签一样
![![[Pasted image 20240413153451.png]]](https://img-blog.csdnimg.cn/direct/ca5bfd0d055440c7880d9c8688072dbf.png)
如果点击一个类别链接，Hexo会带到localhost:4000/categories/Cat1
![![[Pasted image 20240413153509.png]]](https://img-blog.csdnimg.cn/direct/644435f73e5b431e9bdfb5a442f022da.png)
就像标签页面一样，这页会显示所有被Cat1标记的页面
![![[Pasted image 20240413153524.png]]](https://img-blog.csdnimg.cn/direct/bb68f09946ff4308ae59c0b442e9308c.png)
同时右边也会有一个categories页面，里边显示所有类别
如果用类别标记其他文件
如果给b文件标记上类别1，在类别1页面也会显示b文章
![![[Pasted image 20240413153611.png]]](https://img-blog.csdnimg.cn/direct/ac9e9ca3137f4cae9eb7cc2f61349f18.png)
![![[Pasted image 20240413153628.png]]](https://img-blog.csdnimg.cn/direct/6fada3a54a75436294133c9edd7a4020.png)
可以使类别更复杂，类别中可以创建子类别
如
- [Cat1, Cat1.1]
Cat1.1就是Cat1的子类别
![![[Pasted image 20240413153654.png]]](https://img-blog.csdnimg.cn/direct/b11e21d4065042458b9461ce7ee267dc.png)
刷新页面后会发现Cat1.1显示为类别
![![[Pasted image 20240413153718.png]]](https://img-blog.csdnimg.cn/direct/edda04684aba4a19bb2a006d43746f2e.png)
所以Cat1.1也会有自己的页面，里面只会显示a
如果点进Cat1页面，也会显示a
即使a被标记为Cat1.1，它也被标记为Cat1
这就是创建子类别的方式
可以通过这些方式认真优化和组织网站上的所有内容
如果使用一个不错的Hexo主题
默认的Hexo主题，它会自动为这些类别创建空间，让用户更加轻松地找到他们想要查找地内容
只要通过修改frontmatter就可以完成