Hexo使用Next主题菜单图标问题

nexo主题的简洁我个人非常喜欢,但在使用过程中当我按文档部署添加菜单后页面显示如下:
显示正常

可以看到菜单显示正常,当我点开某个菜单后显示 Cannot GET /tags%20/
显示不正常

在网上找了很多文档都是如下配置,打开 主题配置文件\ 找到Menu Settings

1
2
3
4
5
6
7
8
9
menu:
home: / || home //首页
archives: /archives/ || archive //归档
categories: /categories/ || th //分类
tags: /tags/ || tags //标签
about: /about/ || user //关于
#schedule: /schedule/ || calendar //日程表
#sitemap: /sitemap.xml || sitemap //站点地图
#commonweal: /404/ || heartbeat //公益404

让我们再回顾一下新建菜单的过程,注意看第三步:

例如,在[Hexo+Next]主题下新增一个资源分类页面。

1.新建一个页面,命名为tags。

1
hexo new page tags

此时会在hexo > source文件夹中会生成一个tag文件夹。

2.编辑tags文件夹下的md页面

将类型设置为tags,主题将自动为这个页面显示所有分类,别忘添加layout项。

1
2
3
4
5
title: 常用工具
date: 2019-10-23 13:05:38
type: "tags"
layout: tags
comments: false

注意:如果有启用评论,默认页面也会带有评论。需要关闭的话,请添加字段comments并将值设置为false,如:

3.在菜单中添加链接

编辑主题的_config.yml,在menu中的添加如下:

1
2
3
4
5
6
7
8
9
menu:
home: /|| home //首页
archives: /archives/|| archive //归档
categories: /categories/|| th //分类
tags: /tags/|| tags //标签
about: /about/|| user //关于
#schedule: /schedule/ || calendar //日程表
#sitemap: /sitemap.xml || sitemap //站点地图
#commonweal: /404/ || heartbeat //公益404

||之前的值是目标链接,之后的是分类页面的图标,图标名称来自于FontAwesome icon。若没有配置图标,默认会使用问号图标。

注意:这里的配置在原文中||前面是有空格的,也正是如此我前面点击菜单才会出现Cannot GET /tags%20/,当我把||前面的空格去掉后就好了。

4.新添加的菜单需要翻译对应的中文

打开hexo>theme>next>languages>zh-Hans.yml,在menu下添加:

1
2
3
4
5
6
7
8
9
10
11
menu:
home: 首页
archives: 归档
categories: 分类
tags: 标签
about: 关于
search: 搜索
schedule: 日程表
sitemap: 站点地图
commonweal: 公益404
resources: 资源
-------------本文结束感谢您的阅读-------------