Custom Menu

First Method (Recommended)

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

Second Method

Menu setting is placed under menu section of config.toml

[menu]
[[menu.main]]
identifier = "home"
name = "Home"
url = "/"
weight = -100
pre = "home"
[[menu.main]]
identifier = "about-cn"
name = "About"
url = "/about/"
weight = -90
pre = "user"
[[menu.main]]
identifier = "archive"
name = "Archive"
url = "/archive/"
weight = -70
pre = "archive"
  • identifier: Item ID

  • name: Display text

  • url: Link

  • weight

  • 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 Icons. 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.