我使用Hugo static site generator在Go中构建网站。我想要做的是为我的网页构建一个动态导航栏。
这就是我正在做的事情:
在我的config.yml
文件中,我已经定义了一个我希望在导航栏中显示的链接地图 - 这是这个文件的样子:
baseurl: "https://www.rdegges.com/"
languageCode: "en-us"
title: "Randall Degges"
params:
navLinks: {"Twitter": "https://twitter.com/rdegges", "Facebook": "https://www.facebook.com/rdegges", "Google+": "https://plus.google.com/109157194342162880262", "Github": "https://github.com/rdegges"}
所以,我在Hugo中也有一个index.html
模板,其中包含一个如下所示的导航栏:
<nav>
<ul>
{{ range sort $title, $link := .Site.Params.navLinks }}
<li><a href="{{ $link }}">{{ $title }}</a></li>
{{ end }}
</ul>
</nav>
以上代码正常运行,但有一个例外:我想订购链接的结果,而不是每次都随机排序。
我知道地图在Go中并不具有固有的结构 - 但是有没有办法以某种方式保留导航元素的原始排序?
感谢您的帮助!
答案 0 :(得分:4)
转到模板按键排序地图。如果要强制执行特定订单,请使用切片:
这是YAML:
baseurl: "https://www.rdegges.com/"
languageCode: "en-us"
title: "Randall Degges"
params:
navLinks:
- title: Twitter
url: https://twitter.com/rdegges
- title: Facebook
url: https://www.facebook.com/rdegges
...和模板:
<nav>
<ul>
{{ range $link := .Site.Params.navLinks }}
<li><a href="{{ $link.url }}">{{ $link.title }}</a></li>
{{ end }}
</ul>
</nav>