hexo之next主题添加分类

@(Hexo+Github)

当前博客主题用的是next最新版,最初是比较简陋的界面,一直放着没怎么动,测试了下Latex的显示效果没有达到在CSDN我的博客上的效果,就很失望,没再此地更新。

但是今年(2018)年突然发现hexo可以做出很酷的静态站点。

于是开始作为首发文章的地方。

下面开始细部的折腾,细节过程记录为文档,以供参考。

创建分类页面(page)

第一步是创建分类显示界面:

https://github.com/iissnan/hexo-theme-next/wiki/%E5%88%9B%E5%BB%BA%E5%88%86%E7%B1%BB%E9%A1%B5%E9%9D%A2

可以参考这个官方的链接,也可以看我摘出来的文字。

1.新建一个页面,命名为categories:

hexo new page categories

之所以命名为categories的原因是在next主题的配置文件中,categories是关键词。

2.编辑新建界面,将页面类型设置为categories,主题将会在这个页面上显示所有的分类:

---
title: categories
date: 2018-03-02 12:33:16
type: "categories"
---

这个步骤很有意思,编辑新建界面是什么?当然hexo熟悉一些自然会知道,但是小萌新还是比较懵逼的。实际上调用hexo new page xxx后,会在/source/categories/目录下生成一个index.md文档,在此文档头部加上上面这段即可。实际上,index.md里只需要有这个声明即可,其他内容并不会显示出来,写了也没用。

PS. 无论是page,还是post的文章,都是以.md格式结尾,在hexo g的过程中会产生对应的.html文档,然后hexo d到Github上的也只是html文档,不是.md格式的文档。

另外就是,需要注意一点:如果有启用多说 或者 Disqus 评论,默认页面也会带有评论。需要关闭的话,请添加字段 comments 并将值设置为 false,如:

---
title: categories
date: 2018-03-02 12:33:16
type: "categories"
comments: false
---

这个暂时不是很明白,再说吧。

3.在菜单中添加链接,此时需要编辑主题的_config.yml,hexo的配置文件事先写好了,但是处于注释状态,需要去除注释即可:

menu:home: / tags: /tagscategories: /categoriesarchives: /archives

内容更少些。

我从自己的配置文件中拿出来的是这样的,注意通过或链接的内容,暂时我也不是很明白用意,猜测是多一种选择吧,官方文档给出的是:

menu:home: / || homeabout: /about/ || usertags: /tags/ || tagscategories: /categories/ || tharchives: /archives/ || archive

此时准备完毕,去网站上点开分类这栏,会发现没有任何分类,但是分类这栏已经是有内容的了,不再是404错误。因为还没有文章关联到分类。

添加文章分类关联

第二步是为写的post文章指定分类:

上面是next主题官方给出的配置方案,而如何为文章关联分类,是hexo官方给出的。

hexo的front-matter概念

即在xxx.md上方指定文章title, date, tag等的地方。
仔细想想可以明白,分类也应该指定在这个地方。

就是在文章头部指定一个categories属性即可,注意,这些属性和属性值之间必须有一个空格,否则解析错误。

示例:

---
title: 杀死一只知更鸟观后感
date: 2018-03-01 21:46:12
tags:
categories: 电影评论
---

这样不仅本篇文章上会有分类名,点击菜单栏也会显示各个分类。

分类的名字的指定是自由的。

文章首发于:https://bingyy.github.io/

hexo之next主题添加分类相关推荐

  1. 【个人网站搭建】GitHub pages+hexo框架下为next主题添加分类及标签

    0x00 前言 文章中的文字可能存在语法错误以及标点错误,请谅解: 如果在文章中发现代码错误或其它问题请告知,感谢! Hexo博客框架版本(hexo vesion):5.3.0 Next主题版本:v5 ...

  2. 【hexo】butterfly主题添加备案信息

    butterfly主题添加备案信息 由于新版butterfly主题删除了ICP配置,所以我们无法直接通过改_config.yml文件来设置备案信息显示. 1.按照路径找到footer.pug文件 2. ...

  3. Hexo中NexT主题添加CNZZ统计

    刚开始弄NexT主题的时候,对一些配置还不是很明白,所以一直都不敢弄. 今天总算有点精神,就把友盟的统计给加上了.之前一直都是用不蒜子的统计,但是不蒜子统计的内容太过简单了,不能够看到其他的一些数据. ...

  4. hexo next 文章添加分类

    添加分类页 新建一个页面,命名为categories,命令如下: hexo new page categories 编辑刚新建的页面,将页面的类型设置为categories,主题将自动为这个页面显示所 ...

  5. 【Hexo】nexT主题使用攻略基础——添加分类、标签及关于

    文章目录 一.创建"分类"选项 1.1 生成"分类"页 1.2 添加type属性 1.3 categories赋予文章 二.创建"标签"选项 ...

  6. hexo博客的yilia主题之添加分类

    文章目录 添加 categories 页面 生成index.md文件 修改index.md文件 添加 categories 到menu菜单 yilia 主题的配置文件 main.826e88.css ...

  7. Hexo博客发表文章、草稿、添加分类和标签

    写在前面 本文主要写了hexo的配置,关于博客标题这些配置HEXO已经有了很详细的介绍了,这里不再赘述,本文主要记录一些我个人认为小白比较容易有疑问的地方,也就是博客的主要功能,发表文章.添加文章分类 ...

  8. hexo博客中添加categories分类

    title: hexo博客中添加categories分类 date: 2020-04-01 16:45:16 tags: hexo categories: 学习 方法如下: 在根目录下scaffold ...

  9. hexo+yilia主题添加评论

    hexo+yilia主题添加评论 因为热爱,所以拼搏. --RuiDer 回顾hexo+yilia主题添加访问量 上一篇文章介绍了hexo+yilia主题添加访问量,如果需要点击hexo+yilia主 ...

最新文章

  1. 转载: Vim 练级攻略
  2. 一款神仙接私活儿软件,吊到不行!
  3. 并发数据结构-1.1.2 阻塞技术
  4. T5: Text-to-Text Transfer Transformer 阅读笔记
  5. LeetCode 319. 灯泡开关(找规律)
  6. 玩转算法之面试 第八章-递归与回溯
  7. MapReduce实现计数
  8. sql优化个人总结(全)
  9. Android反射set/get系统属性(SystemProperties)
  10. 接入TapTap防沉迷系统的逻辑图
  11. Java反射----获取Class类实例的4种方式
  12. postman工具 如何传递当前时间戳和MD5加密
  13. java 高斯投影_贡献高斯投影坐标与经纬度转换的java源码
  14. 桥接模式---汽车导航
  15. netbsd apache php mysql,NetBSD配置aria2的web前端YAAW笔记
  16. 数据分析与AI(七)傅里叶对登月图片降噪/scipy库对图片进行处理/
  17. Javascript-introduce
  18. IT66021FN 寄存器配置
  19. 我不喜欢代码,却为何坚持做程序员(二)
  20. 基于elementui的大文件断点续传

热门文章

  1. Qt sender()函数
  2. Hexo中next主题的个性化配置
  3. 【学习OpenCV4】图像通道的分离、合并与混合方法(C++)
  4. 《游戏之旅-我的编程感悟》读书笔记
  5. python 移除列表中的值 list index out of range_重拾Python(二)之列表
  6. easypanel安装php5.4,kangle一键脚本-凌梦云
  7. mysql主从备份 ssl_基于SSL的mysql主从复制
  8. jmeter性能测试_JMeter性能测试,接口测试,最全的JMeter资料,共计3.16G
  9. postgresql分页用法_postgresql分页数据重复问题的深入理解
  10. java table 内容居中_JTable内容居中显示 | 学步园