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

这是我参与更文挑战的第2天,活动详情查看: 更文挑战markdown

在使用hexo搭建博客的过程当中,分类和标签页建立成功以后,但页面一直是空白的问题困扰了我好久。右侧的标签栏中可以正常显示分类和标签,可是点击导航栏进入到分类页面,内容倒是空白的,控制台也没有报错,我甚至怀疑分类和标签页面须要手动录入才行。固然事实确定并不是如此的,必定仍是个人代码中有问题。后来终于发现了问题,原来是文件夹和名称映射错误了,致使主题找不到分类页面的代码,下面就给你们介绍下分类的建立方法以及我遇到的错误(注:我使用的主题是volantis,其余主题也相似)。hexo

建立分类文件夹

使用 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以后,分类页面的内容便会自动生成。app

在文章中声明文章分类

编写文章时须要在文章页头部配置项中写入这一行代码 categories: 分类名称 ,即可以将文章自动归为某一分类之下,分类名称能够随意命名post

---
       title: 文章名称
       date: 2021-03-31 16:48:23
       tags: 标签名称
       categories: 分类名称
       description: 描述
   ---
复制代码

配置主题(theme文件夹)下的_config.yml文件

在主题文件夹中找到_config.yml文件,搜索menu字段,将分类的url设置为 '/categories',分类就设置完成了学习

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

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

刚开始写博客,文章有不足的地方还请各位大佬多多指教,但愿与你们共同窗习、共同进步。url

相关文章
相关标签/搜索