自定义菜单

WARNING

主题之前使用了 pre 字段来设置菜单项目图标,现已经被标记为弃用,请使用 params.icon 字段来设置菜单项目图标。

第一种方法(推荐)

如果想在菜单加入站点的某个页面,可以在相应的 Markdown Front Matter 添加以下字段:

menu: 
    main:
        name: title (optional)
        weight: -90
        params:
            icon: icon
1
2
3
4
5
6

第二种方法

config.yaml 的底部可以找到菜单的配置,默认的内容如下:

menu:
    main:
        - identifier: home
          name: Home
          url: /
          weight: -100
          params:
            icon: home
            newTab: true
1
2
3
4
5
6
7
8
9
  • identifier:ID
  • name: 显示文字
  • url: 链接
  • weight:权重
  • params
    • icon用于显示图标
    • newTab: 在新标签页打开链接

配置图标

主题自带的 SVG 图标来自 Tabler Iconsopen in new window,存放在 assets/icons 目录下。

你可以在站点根目录下新建同名文件夹,并下载更多的图标(参考:修改主题open in new window

主题使用了 params.icon 字段来指定菜单项目的图标。params.icon: "archive" 会输出 assets/icons/archive.svg 图标。