菜單配置

2023年2月17日 1 分鐘閱讀配置文檔菜單

贊助

成為我們的資助者或贊助商，以支持我們的工作。

本頁內容

贊助商

本文介紹菜單的屬性和如何設置菜單。

菜單項屬性

每個菜單集都有其自己的標識，比如 main、footer 等等，其與對應的模塊相關。

Hugo 支持兩種配置菜單的方式：菜單配置文件和頁面參數（又稱 front matter）。

menus.toml

1[[main]]
2  name = 'Example'
3  url = 'https://example.com'

menus.yaml

1main:
2- name: Example
3  url: https://example.com

menus.json

1{
2   "main": [
3      {
4         "name": "Example",
5         "url": "https://example.com"
6      }
7   ]
8}

其中 main 爲菜單集標識。

當我們打算將某一頁面添加到菜單集，最簡便的方法是於頁面設置的以下參數。

menus.toml

1[menu]
2  [menu.main]
3    weight = 2

menus.yaml

1menu:
2  main:
3    weight: 2

menus.json

1{
2   "menu": {
3      "main": {
4         "weight": 2
5      }
6   }
7}

這種方式不需要顯式地指定菜單的名稱和 URL。

2024年11月21日星期四 2023年2月17日星期五