menu
menu
用于配置博客站点的头部导航菜单,如果需要新增导航菜单,按照配置文件里面的格式填写即可。
yaml
menu:
Home: / # 首页
Archives: /archives # 归档
# Tags: /tags # 标签
# Categories: /categories # 分类
# Links: /links # 链接
# About: /about # 关于
# ...
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
menu
导航菜单可以配置两个跳转方式:
- 跳转到 Keep 主题博客站点的内部页面。
- 跳转到外部第三方网站的页面。
跳转内部页面
Hexo 项目在初始状态下并没有生成 Categories(分类)、Tags(标签)、About(关于)、Links(友链)等页面,这些都需要自己先手动创建,再配置使用,否则无效。
我们以创建「 About(关于)」页面为例:
在 Hexo 项目根目录下执行命令
hexo new page about
,会在source
目录下生成 about 文件夹。shhexo new page about
1在 Keep 主题配置文件
_config.yml
的menu
配置项下添加About: /about
。yamlmenu: Home: / Archives: /archives # Categories: /categories # Tags: /tags # Links: /links About: /about
1
2
3
4
5
6
7打开 Hexo 项目下
/source/about/index.md
文件,填写 About 页面的内容,完成你的 About 页面创作。支持 Markdown 和 HTML 格式。参考如下:
markdown--- title: about date: 2020-03-19 14:59:53 comment: true --- ## About me XPoet「 Keep theme core developer 」... ... ... ...
1
2
3
4
5
6
7
8
9
10
11
12注意
创建页面时自动生成的
title
属性不要修改!不要删除!
例如:title: about
不能修改!不能删除!提示
comment: true
表示该页面开启评论功能。(所有手动创建的页面默认不开启评论功能)
跳转外部网站页面
如果要实现在导航栏点击菜单时跳转到外部的第三方网站,只需把配置项的值填写为第三方网站的 URL 即可。
例如:在导航栏配置跳转到 百度/Baidu 网站的菜单
yaml
menu:
Baidu: https://www.baidu.com
百度: https://www.baidu.com
1
2
3
2
3