Skip to content
On this page

menu

menu 用于配置博客站点的头部导航菜单,如需新增导航菜单,按配置文件里面的格式填写即可。

yaml
menu:
  Home: /
  Archives: /archives
  # Tags: /tags
  # Categories: /categories
  # Links: /links
  # About: /about
  # ...
1
2
3
4
5
6
7
8

image

menu 导航菜单可以配置两个跳转方式:

  1. 跳转博客到内部页面。
  2. 跳转到外部第三方网站。

跳转内部页面

Hexo 项目在初始(默认)状态下并没有 Categories(分类)、Tags(标签)、About(关于)、Links(友链)等,这些都需要自己先手动创建,再配置使用,否则无效。

我们以创建「 About(关于)」页面为例:

  1. 在 Hexo 项目根目录下执行命令 hexo new page about ,即可在 source 目录下生成 about 文件夹。

    sh
    $ hexo new page about
    
    1
  2. 在 Keep 主题配置文件 _config.ymlmenu 配置项下添加 About: /about

    yaml
    menu:
      Home: /
      Archives: /archives
      # Categories: /categories
      # Tags: /tags
      # Links: /links
      About: /about
    
    1
    2
    3
    4
    5
    6
    7
  3. 打开 Hexo 项目下 /source/about/index.md 文件,填写 Adout 页面的内容。 支持 Markdown 和 HTML 格式;

    参考如下:

    markdown
    ---
    title: about
    date: 2020-03-19 14:59:53
    comment: true
    ---
    
    ## About me
    
    XPoet「 Keep core developer 」...
    ...
    ...
    ...
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12

    提示

    comment: true 表示该页面开启评论功能。(默认不开启评论)

    特别注意

    创建页面时自动生成的 title 属性不要修改!不要删除!
    例如:title: about 不能修改!不能删除!

跳转外部网站

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

yaml
menu:
  Baidu: https://www.baidu.com/
  百度: https://www.baidu.com/
1
2
3

image

Released under the GPL-3.0 License