返回
自定义分类,标签操作:如何让Hexo博客更有趣?
闲谈
2023-10-15 13:12:31
引言:让博客更添个性
随着博客的不断发展,人们对博客的个性化定制需求也日益增加。自定义分类和标签便是其中最常见的方式之一,能够帮助博主更好地管理和展现文章内容,同时提升博客的易用性和可读性。
Hexo分类标签配置详解
在Hexo Next主题下,添加分类及标签的过程主要分为两步:
- 在
_config.yml
文件中添加分类及标签的配置信息。 - 在文章的头部添加分类及标签的标签。
配置分类及标签
在_config.yml
文件中,找到category
和tag
这两个配置项,并按照如下格式添加分类及标签信息:
category:
- 分类1
- 分类2
- 分类3
tag:
- 标签1
- 标签2
- 标签3
您可以在上述配置中添加任意数量的分类及标签,并根据自己的需求进行调整。
给文章添加分类及标签
在文章的头部,添加如下标签,以指定文章的分类及标签信息:
---
title: 文章标题
date: 2023-02-28
categories: 分类1, 分类2
tags: 标签1, 标签2
---
请注意,分类及标签之间需要使用英文逗号分隔。
分类及标签页面设置
添加完分类及标签的配置信息后,您需要在Hexo博客中创建分类及标签页面,以供用户访问。
在themes/next/layout
目录下,找到category.swig
和tag.swig
这两个文件,并分别对其进行如下修改:
{% extends "layout.swig" %}
{% block content %}
<div class="category-list">
{% for category in categories %}
<div class="category-item">
<a href="{{ category.permalink }}">{{ category.name }}</a>
</div>
{% endfor %}
</div>
{% endblock %}
{% extends "layout.swig" %}
{% block content %}
<div class="tag-list">
{% for tag in tags %}
<div class="tag-item">
<a href="{{ tag.permalink }}">{{ tag.name }}</a>
</div>
{% endfor %}
</div>
{% endblock %}
保存上述修改,并重新生成博客即可。此时,您便可以在博客中访问分类及标签页面了。
结语:个性定制,精彩纷呈
通过上述步骤,您便可以在Hexo Next主题下轻松添加分类及标签,并自定义博客页面,让您的博客更具个性和魅力。自定义分类和标签不仅能够帮助您更好地管理和展现文章内容,还能提升博客的易用性和可读性,让您的读者获得更好的浏览体验。因此,如果您希望对自己的Hexo博客进行个性化定制,不妨尝试一下添加分类及标签,让您的博客更添精彩。