【个人网站搭建】GitHub pages+hexo框架下为next主题添加分类及标签

0x00 前言

文章中的文字可能存在语法错误以及标点错误,请谅解;

如果在文章中发现代码错误或其它问题请告知,感谢!

Hexo博客框架版本(hexo vesion):5.3.0

Next主题版本:v5.1.4

0x01 实现方法

1.增加分类功能

(1) 新建“分类”页面

使用如下指令为next主题新建分类页面

$ hexo new page "categories"

此时在根目录下的source文件夹内会生成一个categories子文件夹:
在这里插入图片描述

(2) 设置md文件type属性

打开categories文件夹内md文件,将type设置为"categories"

---
title: categories
date: 2020-12-28 17:09:31
type: "categories"
comments: false
---

保存并关闭。

(3) 给文章添加categories属性

打开需要添加分类的文章,并对其添加categories属性,在属性下方使用"- XXX"设置想要的分类的内容,例如将这篇文章的设置于生活感悟分类下:

---
title: 我的第一篇博客(撒花!)
date: 2020-12-18 17:17:45
categories:
- 生活感悟
---

注意: hexo只能为一篇文章添加一种分类,如果在"- XXX"下面再增添"- YYY",hexo不会为其设置两个分类,而是将YYY分类嵌套于XXX分类之下。

添加之后运行hexo s点击分类菜单查看效果:
在这里插入图片描述

2.增加标签功能

和添加分类功能的设置方法一样,只不过是将categories变成tags

(1) 新建“标签”页面

使用如下指令为next主题新建分类页面

$ hexo new page "tags"

此时在根目录下的source文件夹内会生成一个tags子文件夹:
在这里插入图片描述

(2) 设置md文件type属性

打开tags文件夹内md文件,将type设置为"tags"

---
title: tags
date: 2020-12-28 17:06:02
type: "tags"
comments: false
---

保存并关闭。

(3) 给文章添加tags属性

打开需要添加分类的文章,并对其添加tags属性,在属性下方使用"- XXX"设置想要的标签内容,例如将这篇文章的设置于首篇文章标签下:

---
title: 我的第一篇博客(撒花!)
date: 2020-12-18 17:17:45
tags: 
- 首篇文章
categories:
- 生活感悟
---

添加之后运行hexo s点击标签菜单查看效果:
在这里插入图片描述

0x02 将分类和标签添加默认模板

为了简化工作流程,可以通过修改将分类和标签功能添加到默认模板中。打开scaffolds/post.md文件,在文件后面添加tages:categories:

---
title: {{ title }}
date: {{ date }}
tags:
categories:
---

这样之后再使用hexo new page "XXX"生成文章就可以在页面中看到有tages:categories:选项了。

以上。

参考为文档:
1.https://www.jianshu.com/p/e17711e44e00

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值