menu - 在 Hugo 中订购菜单项
问题描述
我正在尝试在我的 Hugo Theme 中订购菜单项。它总是按字母顺序排列。但我想根据我添加的顺序进行更改。但我不知道该怎么做。这是我的menu.html
<nav class="menu">
<ul class="menu__inner menu__inner--desktop">
{{ if or $.Site.Params.showMenuItems ( eq .Site.Params.showMenuItems 0 ) }}
{{ range first $.Site.Params.showMenuItems $.Site.Menus.main }}
{{ if not .HasChildren }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
{{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }}
<ul class="menu__sub-inner">
<li class="menu__sub-inner-more-trigger">{{ $.Site.Params.MenuMore }} ▾</li>
<ul class="menu__sub-inner-more hidden">
{{ range last (sub (len $.Site.Menus.main) $.Site.Params.showMenuItems) $.Site.Menus.main }}
{{ if not .HasChildren }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
</ul>
</ul>
{{ end }}
{{ else }}
{{ range $.Site.Menus.main }}
{{ if not .HasChildren }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
{{ end }}
{{ if $.Site.Params.showLanguageSelector }}
<div class="spacer"></div>
<ul class="language-selector">
<ul class="language-selector-current">
<li>{{ .Language.LanguageName }} ▾</li>
</ul>
<ul class="language-selector__more hidden">
{{ range $.Site.Home.AllTranslations }}
<li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
{{ end }}
</ul>
</ul>
{{ end }}
</ul>
<ul class="menu__inner menu__inner--mobile">
{{ range $.Site.Menus.main }}
{{ if not .HasChildren }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
{{ end }}
{{ if $.Site.Params.showLanguageSelector }}
<hr />
{{ range $.Site.Home.AllTranslations }}
<li>
<a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
</li>
{{ end }}
{{ end }}
</ul>
</nav>
这是菜单部分config.toml
[languages.en.menu]
[[languages.en.menu.main]]
identifier = "about"
name = "About"
url = "/about"
# [[languages.en.menu.main]]
# identifier = "education"
# name = "Education"
# url = "/education"
[[languages.en.menu.main]]
identifier = "projects"
name = "Projects"
url = "/projects"
[[languages.en.menu.main]]
identifier = "skills"
name = "Skills"
url = "/skills"
[[languages.en.menu.main]]
identifier = "interest"
name = "Interest"
url = "/interest"
[[languages.en.menu.main]]
identifier = "blog"
name = "Blog"
url = "/blog"
任何有关如何解决此问题的帮助将不胜感激。我是 Hugo 的新手,不知道如何解决这些问题
解决方案
菜单条目有一个.Weight
属性。如果需要一些自定义属性,也可以使用.Pre
and .Post
。
推荐阅读
- c# - 从 15063 更改为目标版本 17314 后,我的 GUI 控件是否有任何已知原因?
- python - Openpyxl ['MergedCell' 对象属性 'hyperlink' 是只读的] 问题
- c# - 从资源文件夹 iOS Unity 中的文件夹创建按钮
- python - cython wrap cpp 结构和函数,参数为结构数组
- youtube-api - YTPlyaer YouTube 全屏显示不可用
- terminal - VS Code 刷新集成终端环境变量,无需重启/注销
- javascript - 当应用程序置于后台时,如何防止在移动 safari/ios chrome 中取消挂起的请求?
- ios - 在 xib 中使用资产目录中的颜色覆盖 UITableViewCell 初始化期间设置的颜色
- light-4j - 如何从 light-4j 平台构建和运行 light-portal
- jhipster - 带有 oauth2 的 jhipster-registry - eureka 和配置端点不安全?