前言

在我们的博客文章多了以后,需要对其进行归类以方便查找,hexo提供“分类”和“标签”用于文章的归类管理。本教程基于next主题介绍如何配置hexo,以及如果将文章进行归类。

最终效果如下所示:

“标签”效果

“分类”效果

配置修改配置文件

首先打开theme/next/_config.yml,找到如下配置,删除”categories”和“tags”前的注释符#。

1

2

3

4

5

6

7

8

9menu:

home: / || home

#about: /about/ || user

tags: /tags/ || tags

categories: /categories/ || th

archives: /archives/ || archive

#schedule: /schedule/ || calendar

#sitemap: /sitemap.xml || sitemap

#commonweal: /404/ || heartbeat

保存然后关闭文件。

生成页面

此时通过hexo s可以在主页看到这两个导航,但是点进去后会得到 Cannot GET /tags/ 或Cannot GET /categories/的页面,需要分别为其创建相应的页面。

进入博客根目录下,执行如下两条命令:

1

2$ hexo create page tags

$ hexo create page categories

成功后会提示如下信息:

1

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

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

分别打开这两个index.md的文件,修改其内容。

tags/index.md

1

2

3

4

5---

title: 标签

date: 2018-12-01 01:12:43

type: "tags"

---

categories/index.md

1

2

3

4

5---

title: 分类

date: 2018-12-01 00:52:39

type: "categories"

---

保存以后就能成功生成这两个页面。

给文章加上分类和标签

上述步骤仅仅是生成了分类和标签的导航栏,实际的分类或标签条目需要在文章中添加才行,打开要分类的文章,在文件头添加“tags”标签或“categories”进行分类。

1

2

3

4

5

6

7

8

9title: hexo 添加标签和分类

date: 2018-12-01 01:06:34

categories:

- hexo

- config

- tags

tags:

- hexo

- tags

添加“- xxx”作为categories或tags的条目,在“tags”下添加多个条目表示给文章打了多个标签;而如果在“categories”下增加多个条目,则是一个嵌套的结构,例如上述配置会产生如下效果:

部署生效

在完成所有配置以后,就可以将修改部署上去查看效果咯~

1

2

3$ hexo clean

$ hexo g

$ hexo d

参考资料

hexo添加_hexo 添加标签和分类相关推荐

  1. 分类堆叠柱状图顺序排列及其添加合适条块标签

    堆叠柱状图顺序排列及其添加合适条块标签 这篇文章详细解释了堆叠柱状图各种需求是如何得到的,冲击图是如何对应的,这是一条大家学习代码,而不是仅仅出图的推文. 写在前面:人生嘛,不就是这样,总会有高兴和不 ...

  2. hexo页脚添加访客人数和总访问量

    欢迎访问 我的博客 以前添加过后来有问题了,昨天刚刚为博客添加了页脚显示访客人数和总访问量的功能,今天整理一下为hexo博客添加页脚访客人数和总访问量的两种方法,本人使用的是不蒜子来进行统计的. 首先 ...

  3. Hexo 博客添加看板娘

    Hexo 博客添加看板娘 相信看到这里的小伙伴都有属于自己的hexo博客了吧,废话不多说,我们直接进入主题 我的博客:传送门 1.安装模块 在hexo根目录下用Git执行命令 npm install ...

  4. [PHP] JQuery+Layer实现添加删除自定义标签代码

    JQuery+Layer实现添加删除自定义标签代码 实现效果如下: 实现代码如下: <!doctype html> <html> <head> <meta c ...

  5. Python使用matplotlib函数subplot可视化多个不同颜色的折线图、在折线图上为每个数据点添加日期数据标签

    Python使用matplotlib函数subplot可视化多个不同颜色的折线图.在折线图上为每个数据点添加日期数据标签 目录

  6. R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解、使用gtExtras包添加一个图,显示表中某一列中的数字、并为类型数据添加图像符号标签

    R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字.并为类型数据添加图像符号标签 目 ...

  7. R语言ggplot2可视化在lines线图的尾端添加线图标签、并且去除图例实战

    R语言ggplot2可视化在lines线图的尾端添加线图标签实战 目录 R语言ggplot2可视化在lines线图的尾端添加线图标签实战 #仿真数据

  8. R语言ggplot2可视化在箱图中为箱图添加均值的标签及对应数值实战

    R语言ggplot2可视化在箱图中为箱图添加均值的标签及对应数值实战 目录 R语言ggplot2可视化在箱图中为箱图添加均值的标签及对应数值实战

  9. python使用matplotlib绘制水平条形图并在条形图上添加实际数值标签实战

    python使用matplotlib绘制水平条形图并在条形图上添加实际数值标签实战 # 绘制水平条形图进行模型对比 x_labels = ["LogisticRegression" ...

  10. ajax img标签,如何将属性添加到img标签以用于ajax调用

    这是我的代码.这是不能改变的,我必须按照现有的结构进行工作.如何将属性添加到img标签以用于ajax调用 我需要的是,当我点击它会拉rel和从它的第一变体数据的一个图像,这些属性添加到图像标签.现在我 ...

最新文章

  1. 睿云智合(Wise2C)谈论docker
  2. 【转载】Unix编程艺术——Unix哲学
  3. html制作滚动游戏,HTML标签marquee实现滚动效果的简单方法(必看)
  4. 基于机器学习的捡球机器人设计与实现(探索)第5篇——训练并使用Haar分类器(2019-03-02)
  5. [Winform]WebKit.Net使用
  6. 广州计算机自考独立办学,广东省06年自学考试独立办班广州考点办学计划的通知...
  7. Apollo进阶课程㉟丨Apollo ROS原理—4
  8. GridView 配合模板实现 合并单元格(多列)
  9. 【华为云技术分享】HDC.Cloud|华为云Stack大咖说:如何实现微服务架构下的分布式事务
  10. php元类,iOS中类、元类、isa详解
  11. 【基于机器视觉与深度学习的人机对弈机器人——决策篇】
  12. Java 图标logo的由来
  13. oracle根据身份证计算年龄的方法
  14. 苹果好用的测试软件,Mac上有什么好用的Mac内存检测软件?
  15. u盘作为重要的计算机存储介质,U盘是采用FLASH MEMORY作为存储介质的移动存储设备...
  16. 利用Fiddler抓包软件,爬短视频无水印,爬wei视app,步骤完整
  17. git版本管理软件——git储藏
  18. 中国移动数据分析的七点经验
  19. 【安卓小程序】仿微信页面
  20. Spring JMS CLIENT_ACKNOWLEDGE

热门文章

  1. JS精粹知识点和我的解释
  2. Linux下安装、配置、授权、调优Mysql
  3. Clone使用方法详解【转载】
  4. asp.net 404页面
  5. 中星9号新增测试频道_直播卫星新增中央卫视18套高清电视节目频道测试
  6. 设计模式 (七) 适配器模式
  7. Spring之Aop代理对象的产生(一)
  8. 『Broken Robot 后效性dp 高斯消元』
  9. Android使用拖拽控件来布局界面并展示
  10. html5 jquery音乐播放器,play()和pause()不起作用