Custom Menu

If the menu item you'd like to add is a page, add menu field to its Front Matter:

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

Second Method

Menu setting is placed under menu section of config.yaml

menu:
    main:
        - identifier: home
          name: Home
          url: /
          weight: -100
          pre: home
1
2
3
4
5
6
7
  • identifier: Item ID
  • name: Display text
  • url: Link
  • weight: Priority of the item, lower value means higher priority.
  • pre: Specify which SVG icon should be used

If pre is set to archive, theme will look for archive.svg under assets/icons folder.

Add custom icon

This theme comes with some SVG icons from Tabler Iconsopen in new window. You can find them under theme folder assets/icons.

If you want to include more icons, just download them from website above, and place them under assets/icons folder of your Hugo site.