上一步我们成功安装主题,打开博客地址,操作之后会发现,点击首页、归档菜单是正常打开的。但是点击分类、标签、关于页时,跳转404,报错无法打开。如下图:
1. 第1种方法:删除配置文件中空格
关于链接显示
20%
的问题
这个问题更多发生在,点击首页和归档菜单,显示404,查看链接地址,结尾显示20%
。比如:https://xxx.github.io/%20
20%
代表空格,而这个空格来自NexT主题的配置文件中。
配置文件中代码如下:
menu:
home: / || home
#about: /about/ || user
#tags: /tags/ || tags
#categories: /categories/ || th
archives: /archives/ || archive
#schedule: /schedule/ || calendar
#sitemap: /sitemap.xml || sitemap
#commonweal: /404/ || heartbeat
将配置文件里||
之前所有的空格删掉,重新hexo g -d
部署,解决问题。
如果你是这种问题,可以尝试一下。
建议参阅第3种方法,检查一下是不是第3种方法中说明的问题。
2. 第2种方法:重新clone安装主题
20%
这种问题如何发生的:
- 我当时是因为clone主题出现的问题。
在这个网站 NexT clone主题。clone之后,点击首页、归档跳转的链接都带20%
,如下图:
出现问题之后,参阅 GitHub仓库页,会明显看见不再维护的提示。
查阅issues找问题,也有issuus报此问题:生成URL存在空格%20,导致github pages无法访问 #2233 , 分类无法正常使用 #2209 ,等等,可知此问题已在新版中解决。
所以,建议在 这个仓库 clone安装最新版本NexT主题。大概率解决这个问题。
如果安装最新版本后,仍出现问题,比如首页、归档也可以正常打开,但是分类标签页报错404,参见下面的方法。
3. 第3种方法:创建分类、标签等页面
安装最新主题(v7.8.0),启用并点击分类、标签、关于页面,404报错。并且,侧边栏
分类
、标签
都无法点击。
3.1. 找问题
看一下404的英文提示文字,大概是没有链接对应的文件的意思。
查阅一些文章,之后检查public/
文件夹和对比其他博客的GitHub仓库文件,发现:public/categories/
、public/tags/
文件夹下没有index.html
文件,public/
文件夹下没有about
文件夹。所以初步判定问题是,菜单项没有根文件,不能链接到对应页面。
所以设想的解决方法就是创建分类、标签、关于页面。
3.2. 创建 [分类] 页面
- (1)终端窗口下,cd 到你的博客目录。
CD方法:
输入cd
+空格
将想要定位的文件夹拖进终端,将会自动填充文件路径,再点击回车
- (2)输入命令,生成文件:
hexo new page "categories"
- (3)找到本地文件
- 你会发现你的
source/
文件夹下有了categories/index.md
文件
- 你会发现你的
- (4)修改
title
(可选),添加页面类型type
打开
index.md
文件将 title 设置为title: 分类。分类
将是网页显示的标题,按照自己喜好修改或者不修改。新增属性
type
,设置为categories
,将自动为这个页面显示分类。页面内容如下:
title: 分类
date: 2020-05-05 16:38:50
type: categories
---
(5)
hexo g -d
,生成部署即可。(6)把文章归入分类只需在文章的顶部标题下方添加categories字段,即可自动创建分类名并加入对应的分类中。
3.3. 创建 [标签] 页面
过程同上。
hexo new page "tags"
title: 标签
date: 2020-05-05 16:54:11
type: tags
---
3.4. 创建 [关于] 页面
过程同上。
hexo new page "about"
title: 关于
date: 2020-05-05 16:58:44
type: about
---
4. 致谢
1.Hexo+next主题下,点击首页,分类等导航时出现404错误
2.NexT仓库
3.解决 Hexo 搭建博客显示不出分类、标签问题
4.NexT使用文档