hexo添加_hexo 添加标签和分类
前言
在我们的博客文章多了以后,需要对其进行归类以方便查找,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 添加标签和分类相关推荐
- 分类堆叠柱状图顺序排列及其添加合适条块标签
堆叠柱状图顺序排列及其添加合适条块标签 这篇文章详细解释了堆叠柱状图各种需求是如何得到的,冲击图是如何对应的,这是一条大家学习代码,而不是仅仅出图的推文. 写在前面:人生嘛,不就是这样,总会有高兴和不 ...
- hexo页脚添加访客人数和总访问量
欢迎访问 我的博客 以前添加过后来有问题了,昨天刚刚为博客添加了页脚显示访客人数和总访问量的功能,今天整理一下为hexo博客添加页脚访客人数和总访问量的两种方法,本人使用的是不蒜子来进行统计的. 首先 ...
- Hexo 博客添加看板娘
Hexo 博客添加看板娘 相信看到这里的小伙伴都有属于自己的hexo博客了吧,废话不多说,我们直接进入主题 我的博客:传送门 1.安装模块 在hexo根目录下用Git执行命令 npm install ...
- [PHP] JQuery+Layer实现添加删除自定义标签代码
JQuery+Layer实现添加删除自定义标签代码 实现效果如下: 实现代码如下: <!doctype html> <html> <head> <meta c ...
- Python使用matplotlib函数subplot可视化多个不同颜色的折线图、在折线图上为每个数据点添加日期数据标签
Python使用matplotlib函数subplot可视化多个不同颜色的折线图.在折线图上为每个数据点添加日期数据标签 目录
- R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解、使用gtExtras包添加一个图,显示表中某一列中的数字、并为类型数据添加图像符号标签
R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字.并为类型数据添加图像符号标签 目 ...
- R语言ggplot2可视化在lines线图的尾端添加线图标签、并且去除图例实战
R语言ggplot2可视化在lines线图的尾端添加线图标签实战 目录 R语言ggplot2可视化在lines线图的尾端添加线图标签实战 #仿真数据
- R语言ggplot2可视化在箱图中为箱图添加均值的标签及对应数值实战
R语言ggplot2可视化在箱图中为箱图添加均值的标签及对应数值实战 目录 R语言ggplot2可视化在箱图中为箱图添加均值的标签及对应数值实战
- python使用matplotlib绘制水平条形图并在条形图上添加实际数值标签实战
python使用matplotlib绘制水平条形图并在条形图上添加实际数值标签实战 # 绘制水平条形图进行模型对比 x_labels = ["LogisticRegression" ...
- ajax img标签,如何将属性添加到img标签以用于ajax调用
这是我的代码.这是不能改变的,我必须按照现有的结构进行工作.如何将属性添加到img标签以用于ajax调用 我需要的是,当我点击它会拉rel和从它的第一变体数据的一个图像,这些属性添加到图像标签.现在我 ...
最新文章
- 睿云智合(Wise2C)谈论docker
- 【转载】Unix编程艺术——Unix哲学
- html制作滚动游戏,HTML标签marquee实现滚动效果的简单方法(必看)
- 基于机器学习的捡球机器人设计与实现(探索)第5篇——训练并使用Haar分类器(2019-03-02)
- [Winform]WebKit.Net使用
- 广州计算机自考独立办学,广东省06年自学考试独立办班广州考点办学计划的通知...
- Apollo进阶课程㉟丨Apollo ROS原理—4
- GridView 配合模板实现 合并单元格(多列)
- 【华为云技术分享】HDC.Cloud|华为云Stack大咖说:如何实现微服务架构下的分布式事务
- php元类,iOS中类、元类、isa详解
- 【基于机器视觉与深度学习的人机对弈机器人——决策篇】
- Java 图标logo的由来
- oracle根据身份证计算年龄的方法
- 苹果好用的测试软件,Mac上有什么好用的Mac内存检测软件?
- u盘作为重要的计算机存储介质,U盘是采用FLASH MEMORY作为存储介质的移动存储设备...
- 利用Fiddler抓包软件,爬短视频无水印,爬wei视app,步骤完整
- git版本管理软件——git储藏
- 中国移动数据分析的七点经验
- 【安卓小程序】仿微信页面
- Spring JMS CLIENT_ACKNOWLEDGE