返回

自定义分类,标签操作:如何让Hexo博客更有趣?

闲谈

引言:让博客更添个性

随着博客的不断发展,人们对博客的个性化定制需求也日益增加。自定义分类和标签便是其中最常见的方式之一,能够帮助博主更好地管理和展现文章内容,同时提升博客的易用性和可读性。

Hexo分类标签配置详解

在Hexo Next主题下,添加分类及标签的过程主要分为两步:

  1. _config.yml文件中添加分类及标签的配置信息。
  2. 在文章的头部添加分类及标签的标签。

配置分类及标签

_config.yml文件中,找到categorytag这两个配置项,并按照如下格式添加分类及标签信息:

category:
  - 分类1
  - 分类2
  - 分类3

tag:
  - 标签1
  - 标签2
  - 标签3

您可以在上述配置中添加任意数量的分类及标签,并根据自己的需求进行调整。

给文章添加分类及标签

在文章的头部,添加如下标签,以指定文章的分类及标签信息:

---
title: 文章标题
date: 2023-02-28
categories: 分类1, 分类2
tags: 标签1, 标签2
---

请注意,分类及标签之间需要使用英文逗号分隔。

分类及标签页面设置

添加完分类及标签的配置信息后,您需要在Hexo博客中创建分类及标签页面,以供用户访问。

themes/next/layout目录下,找到category.swigtag.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博客进行个性化定制,不妨尝试一下添加分类及标签,让您的博客更添精彩。