Hexo之分类-标签-自定义页面

发表于 | 更新于: | 分类于 ， | 阅读次数
字数统计: 1.1k 字 | 阅读时长 ≈ 4 分钟

前言

Hexo 分类、标签、自定义页面

说明：首先，这三种都体现在菜单上 其次，点击菜单跳转到对应页面 最后，需要做好系列配置。

创建分类

hexo和next主题默认已配置好”分类”菜单，但是并没有创建”分类”所对应的页面，在点击”分类”菜单时，跳转页面提示”Cannot get /categories/“。

  1. 创建”分类”页面

    1
    2
    ✗ hexo new page categories
    INFO Created: ~/Development/hexo/shendawei/source/categories/index.md

    这样，会在source下创建categories目录和index.md文件，这就是”分类”页面。
    但是，这只是一个普通静态页面，编写什么内容，就展示什么内容，不会自动包含正常文章设置的目录。即

    1
    2
    3
    4
    title: categories
    date: 2020-04-03 20:04:39
    ...
    目录页测试

  2. 自动展示文章设置的”分类”信息

    1
    必须添加type: "categories"

    即

    1
    2
    3
    4
    5
    title: categories
    date: 2020-04-03 20:04:39
    type: "categories"
    ...
    目录页测试

    这样，”分类”页面，不再是一个普通的静态页面，编写的内容不会渲染展示，只会展示文章设置的”分类”信息。

创建标签

hexo和next主题默认已配置好”标签”菜单，但是并没有创建”标签”所对应的页面，在点击”标签”菜单时，跳转页面提示”Cannot get /tags/“。

  1. 创建”标签”页面

    1
    2
    ✗ hexo new page tags
    INFO Created: ~/Development/hexo/shendawei/source/tags/index.md

    这样，会在source下创建tags目录和index.md文件，这就是”标签”页面。
    但是，这只是一个普通静态页面，编写什么内容，就展示什么内容，不会自动包含正常文章设置的标签。即

    1
    2
    3
    4
    title: tags
    date: 2020-04-03 20:33:29
    ...
    标签页测试

  2. 自动展示文章设置的”标签”信息

    1
    必须添加type: "tags"

    即

    1
    2
    3
    4
    5
    title: tags
    date: 2020-04-03 20:33:29
    type: "tags"
    ...
    标签页测试

    这样，”标签”页面，不再是一个普通的静态页面，编写的内容不会渲染展示，只会展示文章设置的”标签”信息。

创建自定义页面

自定义页面，如”阅读”，hexo和主题没有，只能自己新建”阅读”菜单和相关配置
自定义页面，根据创建分类、标签的规则方式，会有两种类型展示：1.普通静态页面 2.将文章设置的”分类”，归类到自定义”阅读”页面 具体采用哪种类型，需根据场景和个人需求

  1. 创建自定义”阅读”页面
    1
    2
    ✗ hexo new page read
    INFO  Created: ~/Development/hexo/shendawei/source/read/index.md
    这样，会在source下创建read目录和index.md文件，这就是”阅读”页面。
  2. 展示普通静态”阅读”页面
    在主题_config.xml menu下面，新增
    1
    2
    3
    4
    5
    read: /read/||book
    或
    - page: read
       directory: /read/
       icon: book
    至于是否指定type，无所谓。
    不过 type最好与自定义页面名称一致。
  3. 展示归类到”阅读”页面
    在主题_config.xml menu下面，新增
    1
    2
    3
    4
    5
    read: /categories/read/||book
    或
    - page: read
       directory: /categories/read/
       icon: book
    至于是否指定type，无所谓。
    不过 type最好与自定义页面名称一致。
    但是必须有文章设置了该页面对应的read分类，否则点击”阅读”，将提示”Cannot get /categories/read/“。
  4. 添加菜单名”阅读”
    在languages文件夹下zh-Hans.xml menu:添加
    1
    read: 阅读

关于我

“关于我”页面，通过以上过程总结：应属于静态页面

参考文章

  1. 博客名：Hank Hexo使用攻略-添加分类及标签
  2. 博客名：codebook hexo添加新菜单并实现新菜单的文章归类
  3. 博客名：虾丸派 Hexo框架Next主题添加自定义 Page
  4. 博客名：黑境 采用阿里巴巴矢量图库图标

其中：
创建分类、标签 参考Hexo使用攻略-添加分类及标签
将文章归类到自定义页面 参考hexo添加新菜单并实现新菜单的文章归类
新增静态自定义页面 参考Hexo框架Next主题添加自定义 Page
hexo自带页面page讲解 参考Hexo框架Next主题添加自定义 Page
fontawesome图标库免费&收费说明 参考Hexo框架Next主题添加自定义 Page
阿里巴巴矢量图标库用法说明 参考采用阿里巴巴矢量图库图标