首页 > 技术 > 技巧经验 > Hexo添加分类功能
2016
11-02

Hexo添加分类功能

添加分类功能

其实很早就想添加分类功能,因为纯标签的分类太弱了,以前收藏的几个大佬的Blog都没写,今天逛了逛yilia主题的issure,找到了解决方案,还是在知乎上的…言归正传,下面开始正题。
其实Hexo自带有归档功能categories,不过要先对配置文件进行一些修改。

食用方法

1.生成(文章)时默认生成categories配置项

categories有点类似tags,写在文章属性之中,所以需要在文章生成时添加categories属性。
编辑/scaffolds/post.md,在最下面添加一行categories


1
2
3
4
title: {{ title }}
date: {{ date }}
tags:
categories:

2.在生成文章后编辑categories属性

在新建文章后,编辑categories属性:


1
2
3
4
title: Hexo添加归档/分类功能
date: 2016-11-02 19:41:27
tags: [Hexo,Blog]
categories: 技巧经验

这样在文章发布后,使用hexo g命令,hexo会在根目录/public/categrises下自动生成归档文件夹

分类功能可视化

以上,这样其实就成功添加了分类功能。不过这样添加的分类只能显示在文章的属性中,没有从首页直接查看分类的方法。以下提供一种实现方法

博客侧边栏展示归档

实现效果

Hexo添加分类功能 - 第1张  | Qlog

食用方法

1.在主题配置文件中添加分类选项

在主题配置文件themes/_config.yml中添加以下代码(#号后为注释内容):


1
2
3
4
5
menu:
  主页: /
  所有文章: /archives
  技巧经验: /categories/技巧经验     # 博客首页展示文本: 访问路径/自定义归档名称
  资料总结: /categories/资料总结

常见问题及解决方案

本地部署报错

目前在博客侧边栏添加此功能你后,在本地部署会报错,但是同步到云端后就可以正常显示了。

参考资料

hexo下新建页面下如何放多个文章?

最后编辑:
作者:xyzardq
这个家伙有点懒,什么都没有写

留下一个回复

你的email不会被公开。