这是我参与更文挑战的第2天,活动详情查看: 更文挑战
在使用hexo搭建博客的过程中,分类和标签页创建成功之后,但页面一直是空白的问题困扰了我很久。右侧的标签栏中能够正常显示分类和标签,但是点击导航栏进入到分类页面,内容却是空白的,控制台也没有报错,我甚至怀疑分类和标签页面需要手动录入才行。当然事实肯定并非如此的,一定还是我的代码中有问题。后来终于发现了问题,原来是文件夹和名称映射错误了,导致主题找不到分类页面的代码,下面就给大家介绍下分类的创建方法以及我遇到的错误(注:我使用的主题是volantis,其他主题也类似)。
创建分类文件夹
使用 hexo new page categories 命令创建分类
执行此命令后,会在source文件夹下生成categories文件夹,里面包含index.md文件
复制代码
编辑categories文件夹下的index.md文件
---
title: categories
date: 2021-03-25 15:35:01
type: categories
layout: category
comments: false
---
复制代码
分类页面的代码很简单,就上面几行,值得注意的是分类文件中layout的值与当前所用的主题中layout文件夹的文件名称必须一致,一开始我写的是 layout: categories, 后来发现我使用的主题layout文件夹下是 category.ejs,而不是 categories.ejs,所以分类页面一直空白,当layout的值修改为category之后,分类页面的内容便会自动生成。
在文章中声明文章分类
编写文章时需要在文章页头部配置项中写入这一行代码 categories: 分类名称 ,便可以将文章自动归为某一分类之下,分类名称可以随意命名
---
title: 文章名称
date: 2021-03-31 16:48:23
tags: 标签名称
categories: 分类名称
description: 描述
---
复制代码
配置主题(theme文件夹)下的_config.yml文件
在主题文件夹中找到_config.yml文件,搜索menu字段,将分类的url设置为 ‘/categories’,分类就设置完成了
此时点击导航栏的分类便可以跳转到分类页面了
标签页面的创建方法与分类页大同小异,便不再赘述。
刚开始写博客,文章有不足的地方还请各位大佬多多指教,希望与大家共同学习、共同进步。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END