阅读 253

使用hexo搭建博客之创建分类

这是我参与更文挑战的第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',分类就设置完成了

此时点击导航栏的分类便可以跳转到分类页面了

标签页面的创建方法与分类页大同小异,便不再赘述。

刚开始写博客,文章有不足的地方还请各位大佬多多指教,希望与大家共同学习、共同进步。

文章分类
前端
文章标签