0%

经验技术 - Hexo添加分类,标签,搜索(在Next主题下)

前言

自建的博客怎么能没有分类,标签,搜索呢,所以我就去查了一下怎么去配置分类和标签,搜索

一.添加分类

1. 在主题里配置好分类

首先找到Next主题的_config.yam,位置\themes\next\_config.yml
在配置中找到下面代码:

1
2
3
4
5
6
7
menu:
home: / || fa fa-home
# about: /about/ || fa fa-user
# tags: /tags/ || fa fa-tags
# updated: 2023-02-13 15:31:09 categories: /categories/ || fa fa-th
archives: /archives/ || fa fa-archive
...

去掉categories#注释标

2. 创建分类目录文件

在Hexoblog主目录下创建/source/categories/index.md

3. 编辑页面让主题识别页面为分类页面

编辑index.md

1
2
3
4
5
---
title: 文章分类 - post category
date: 2021-01-25 22:37:25
type: "categories"
---

这就完成了整个分类页面的配置了。

二.添加标签

1. 在主题里配置好标签

首先找到Next主题的_config.yam,位置\themes\next\_config.yml
在配置中找到下面代码:

1
2
3
4
5
6
7
menu:
home: / || fa fa-home
# about: /about/ || fa fa-user
# tags: /tags/ || fa fa-tags
# updated: 2023-02-13 15:31:09 categories: /categories/ || fa fa-th
archives: /archives/ || fa fa-archive
...

去掉tags#注释标

2. 创建标签目录文件

在Hexoblog主目录下创建/source/tags/index.md

3. 编辑页面让主题识别页面为标签页面

编辑index.md

1
2
3
4
5
---
title: 标签 - tags
date: 2021-01-25 22:54:58
type: "tags"
---

这就完成了整个标签页面的配置了。

三.添加搜索Search

首先安装 node 插件: hexo-generator-searchdb,在博客根目录执行:

npm install hexo-generator-searchdb --save

然后修改博客站点配置文件(~/hexo/_config.yml),添加以下代码:

1
2
3
4
5
search:
path: search.xml
field: post
format: html
limit: 10000

最后在主题配置文件themes/next/_config.yml找到 local_search 改为true,其他项目自选:

四.结语

这样我们就完成了分类和标签的配置,可以看出分类和标签的配置流程基本一样。

关于Next的更多配置请查看官方文档 https://theme-next.iissnan.com/theme-settings.html

五.延伸

在上面我们配置对文件最上方以 ---分割对区域,是用来指定个别文件的配置变量区域,名称为 Front-matter