Skip to content
本页目录

menu

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

yaml
menu:
  Home: /                         # 首页
  Archives: /archives             # 归档
  # Tags: /tags                   # 标签
  # Categories: /categories       # 分类
  # Links: /links                 # 链接
  # About: /about                 # 关于
  # ...

image

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

  1. 跳转到 Keep 主题博客站点的内部页面。
  2. 跳转到外部第三方网站的页面。

跳转内部页面

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

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

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

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

    yaml
    menu:
      Home: /
      Archives: /archives
      # Categories: /categories
      # Tags: /tags
      # Links: /links
      About: /about

    image

  3. 打开 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 」...
    ...
    ...
    ...

    image

    注意

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

    提示

    comment: true 表示该页面开启评论功能。(所有手动创建的页面默认不开启评论功能)

跳转外部网站页面

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

例如:在导航栏配置跳转到 百度/Baidu 网站的菜单

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

image

Released under the AGPL-3.0 License