页面
Syntax
MENUENTRY.Page
Returns
hugolib.pageState
在这个菜单定义中，前两个菜单项与一个页面关联，最后一个菜单项没有关联：
hugo.
menu:
main:
- pageRef: /about
weight: 10
- pageRef: /contact
weight: 20
- name: Hugo
url: https://gohugo.io
weight: 30
[menu]
[[menu.main]]
pageRef = '/about'
weight = 10
[[menu.main]]
pageRef = '/contact'
weight = 20
[[menu.main]]
name = 'Hugo'
url = 'https://gohugo.io'
weight = 30
{
"menu": {
"main": [
{
"pageRef": "/about",
"weight": 10
},
{
"pageRef": "/contact",
"weight": 20
},
{
"name": "Hugo",
"url": "https://gohugo.io",
"weight": 30
}
]
}
}
在这个例子中，如果菜单项与页面关联，我们在渲染锚点元素时使用页面的RelPermalink和LinkTitle。
如果菜单项没有与页面关联，我们使用它的url和name属性。
<ul>
{{ range .Site.Menus.main }}
{{ with .Page }}
<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
{{ else }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
</ul>
更多信息，请参见菜单模板部分。