跳到主要内容

menu

menu: #you can customize, i18n files are in the theme's languages folder. fa-regular recommended
Home:
path: /
icon: fa-regular fa-house # can be empty
Archives:
path: /archives
icon: fa-regular fa-archive # can be empty
# Status:
# path: https://status.evanluo.top/
# icon: fa-regular fa-chart-bar
# About:
# icon: fa-regular fa-user
# submenus:
# Me: /about
# Github: https://github.com/EvanNotFound/hexo-theme-redefine
# Blog: https://www.evanluo.top
# Friends: /friends
# Links:
# icon: fa-regular fa-link
# submenus:
# Link1: /link1
# Link2: /link2
# Link3: /link3

网站头部导航菜单,如需新增导航菜单,按上面格式填写,同时需要创建相对应的 Hexo 页面

Screen Shot 2022-12-17 at 10.55.02 AM

Hexo 项目并没有 categories(分类)、tags(标签)、about(关于)、links(友链)等页面,需要自己手动创建

写法格式

一般菜单写法格式

menu:
Home: # 一级菜单栏名称
path: / # 网址,可以为相对路径或者绝对路径
icon: fa-regular fa-house # Fontawesome图标名称(可选)

如果要实现在导航栏点击菜单时跳转到第三方网站,只需把 path 的值填写为第三方网站的 URL 即可。 例如:在头部导航栏配置跳转到 Google 网站的菜单

menu:
Google:
path: https://www.google.com/

关闭特定菜单

如果你要关闭一个特定菜单

比如我要关闭 Archives 菜单,可以设置为

menu:
Archives:
path: none
icon: fa-regular fa-archive # can be empty

path 设置为 noneArchives 菜单就关闭了

Fontawesome 图标

前往 Fontawesome 官网,搜索你想要的图标,如这个 house 图标

Screen Shot 2022-12-17 at 11.34.28 AM

红框标注的地方即为在 icon 区域需要填写的值。推荐使用 fa-regular

Screen Shot 2022-12-17 at 11.59.54 AM

提示

本主题支持 solid regular thin light duotone 的图标,但是如果你需要用 thin light duotone ,需要手动选择开启,请见 fontawesome 配置项solidregular 默认开启

二级菜单

Redefine 主题自 v0.4.0 开始支持二级菜单。

Screen Shot 2022-12-17 at 10.55.34 AM

具体写法如下

Links: #一级菜单栏名称
submenus:
Status: /link1 #第一个链接
Github: /link2 #第二个链接
Blog: /link3 #第三个链接

缩进必须严格

国际化

菜单栏列表支持国际化(Internationalization)

国际化文件在:

{{path_to_redefine_folder}}/languages

其中,{{path_to_redefine_folder}} 是指到 redefine 主题的路径,一般为 /node_modules/hexo-theme-redefine 或者 /themes/redefine

  • en.yml 是英文翻译文件
  • zh-CN.yml 是简体中文
  • zh-TW.yml 是繁体中文

具体写法参考:

links: 链接

前面的 links 必须是小写,而且要对应上菜单栏上的名称。比如 Github 则写成 github

后面的 链接 就是翻译的名字