hexo之next主题添加分类
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主题添加分类相关推荐
- 【个人网站搭建】GitHub pages+hexo框架下为next主题添加分类及标签
0x00 前言 文章中的文字可能存在语法错误以及标点错误,请谅解: 如果在文章中发现代码错误或其它问题请告知,感谢! Hexo博客框架版本(hexo vesion):5.3.0 Next主题版本:v5 ...
- 【hexo】butterfly主题添加备案信息
butterfly主题添加备案信息 由于新版butterfly主题删除了ICP配置,所以我们无法直接通过改_config.yml文件来设置备案信息显示. 1.按照路径找到footer.pug文件 2. ...
- Hexo中NexT主题添加CNZZ统计
刚开始弄NexT主题的时候,对一些配置还不是很明白,所以一直都不敢弄. 今天总算有点精神,就把友盟的统计给加上了.之前一直都是用不蒜子的统计,但是不蒜子统计的内容太过简单了,不能够看到其他的一些数据. ...
- hexo next 文章添加分类
添加分类页 新建一个页面,命名为categories,命令如下: hexo new page categories 编辑刚新建的页面,将页面的类型设置为categories,主题将自动为这个页面显示所 ...
- 【Hexo】nexT主题使用攻略基础——添加分类、标签及关于
文章目录 一.创建"分类"选项 1.1 生成"分类"页 1.2 添加type属性 1.3 categories赋予文章 二.创建"标签"选项 ...
- hexo博客的yilia主题之添加分类
文章目录 添加 categories 页面 生成index.md文件 修改index.md文件 添加 categories 到menu菜单 yilia 主题的配置文件 main.826e88.css ...
- Hexo博客发表文章、草稿、添加分类和标签
写在前面 本文主要写了hexo的配置,关于博客标题这些配置HEXO已经有了很详细的介绍了,这里不再赘述,本文主要记录一些我个人认为小白比较容易有疑问的地方,也就是博客的主要功能,发表文章.添加文章分类 ...
- hexo博客中添加categories分类
title: hexo博客中添加categories分类 date: 2020-04-01 16:45:16 tags: hexo categories: 学习 方法如下: 在根目录下scaffold ...
- hexo+yilia主题添加评论
hexo+yilia主题添加评论 因为热爱,所以拼搏. --RuiDer 回顾hexo+yilia主题添加访问量 上一篇文章介绍了hexo+yilia主题添加访问量,如果需要点击hexo+yilia主 ...
最新文章
- 转载: Vim 练级攻略
- 一款神仙接私活儿软件,吊到不行!
- 并发数据结构-1.1.2 阻塞技术
- T5: Text-to-Text Transfer Transformer 阅读笔记
- LeetCode 319. 灯泡开关(找规律)
- 玩转算法之面试 第八章-递归与回溯
- MapReduce实现计数
- sql优化个人总结(全)
- Android反射set/get系统属性(SystemProperties)
- 接入TapTap防沉迷系统的逻辑图
- Java反射----获取Class类实例的4种方式
- postman工具 如何传递当前时间戳和MD5加密
- java 高斯投影_贡献高斯投影坐标与经纬度转换的java源码
- 桥接模式---汽车导航
- netbsd apache php mysql,NetBSD配置aria2的web前端YAAW笔记
- 数据分析与AI(七)傅里叶对登月图片降噪/scipy库对图片进行处理/
- Javascript-introduce
- IT66021FN 寄存器配置
- 我不喜欢代码,却为何坚持做程序员(二)
- 基于elementui的大文件断点续传
热门文章
- Qt sender()函数
- Hexo中next主题的个性化配置
- 【学习OpenCV4】图像通道的分离、合并与混合方法(C++)
- 《游戏之旅-我的编程感悟》读书笔记
- python 移除列表中的值 list index out of range_重拾Python(二)之列表
- easypanel安装php5.4,kangle一键脚本-凌梦云
- mysql主从备份 ssl_基于SSL的mysql主从复制
- jmeter性能测试_JMeter性能测试,接口测试,最全的JMeter资料,共计3.16G
- postgresql分页用法_postgresql分页数据重复问题的深入理解
- java table 内容居中_JTable内容居中显示 | 学步园