如何从 FrontMatter 创建列表 - Hugo
How to create a list from FrontMatter - Hugo
我正在与 Hugo 一起制作一页食谱。
我在前面有一个列表:
title: Recipes Page
Ingredients:
- 1 potato
- 1 tomato
在我的布局默认页面中,我有这个
{{ .Params.Ingredients }}
我在浏览器中得到了这个:
[1 potato 1 tomato]
如何获得这样的东西:
- 1 potato
- 1 tomato
像这样的东西应该可以工作:
{{ range .Params.ingredients }}
<li>
{{ . }}
</li>
{{ end }}
提示: 在 Hugo 参数中使用所有小写字母,因为 Hugo 和区分大小写有一些奇怪的事情,即把这个前题:
ingredients:
- 1 potato
- 1 tomato
注意小写 i
。
我会尝试用英文来做这个,n m 先生的回答是正确的,我试着把它写成评论,但是太长了。
但是为了让您了解为什么以及您在看什么:
您创建的前面内容“成分:换行符 - 制表符文本”正在创建一个数组 - 在这种情况下,我认为在 Go 或 HUGO 中就此而言称为“地图”(我认为YAML 规范中的“集合”...)
ingredients:
- tomato
- potato
那么,当你访问变量“.Params.Ingredients”时,你访问的是一个数组,你得到的是数组[1 potato 1 tomato].
例如,如果您键入(此处为伪代码):{{ index .Params.Ingredients 1 }} 您将获得地图(数组)的第一个索引项,它会输出1 个土豆。
nm 先生描述的范围函数,为您做这件事。
我已经链接了一些描述这个的页面:
https://yaml.org/spec/1.2/spec.html <-- 这描述了 YAML 规范。有点复杂。
https://gohugo.io/content-management/front-matter/ <-- 前言,我认为这是一个很棒的 youtube 视频...
https://gohugo.io/templates/introduction/#iteration <-- 涵盖范围。
https://gohugo.io/functions/index-function/#readout <-- 涵盖此索引 IO 参考
然后是 {{ 的魔力。 }} <-- 对我来说,“上下文”几乎是 Hugo(或 Go 模板)的一个类似禅宗的方面,它有道理但很难描述,至少对我来说是这样。但是关于hugo discourse的描述还是很多的
我正在与 Hugo 一起制作一页食谱。
我在前面有一个列表:
title: Recipes Page
Ingredients:
- 1 potato
- 1 tomato
在我的布局默认页面中,我有这个
{{ .Params.Ingredients }}
我在浏览器中得到了这个:
[1 potato 1 tomato]
如何获得这样的东西:
- 1 potato
- 1 tomato
像这样的东西应该可以工作:
{{ range .Params.ingredients }}
<li>
{{ . }}
</li>
{{ end }}
提示: 在 Hugo 参数中使用所有小写字母,因为 Hugo 和区分大小写有一些奇怪的事情,即把这个前题:
ingredients:
- 1 potato
- 1 tomato
注意小写 i
。
我会尝试用英文来做这个,n m 先生的回答是正确的,我试着把它写成评论,但是太长了。 但是为了让您了解为什么以及您在看什么:
您创建的前面内容“成分:换行符 - 制表符文本”正在创建一个数组 - 在这种情况下,我认为在 Go 或 HUGO 中就此而言称为“地图”(我认为YAML 规范中的“集合”...)
ingredients:
- tomato
- potato
那么,当你访问变量“.Params.Ingredients”时,你访问的是一个数组,你得到的是数组[1 potato 1 tomato].
例如,如果您键入(此处为伪代码):{{ index .Params.Ingredients 1 }} 您将获得地图(数组)的第一个索引项,它会输出1 个土豆。
nm 先生描述的范围函数,为您做这件事。
我已经链接了一些描述这个的页面:
https://yaml.org/spec/1.2/spec.html <-- 这描述了 YAML 规范。有点复杂。
https://gohugo.io/content-management/front-matter/ <-- 前言,我认为这是一个很棒的 youtube 视频...
https://gohugo.io/templates/introduction/#iteration <-- 涵盖范围。
https://gohugo.io/functions/index-function/#readout <-- 涵盖此索引 IO 参考
然后是 {{ 的魔力。 }} <-- 对我来说,“上下文”几乎是 Hugo(或 Go 模板)的一个类似禅宗的方面,它有道理但很难描述,至少对我来说是这样。但是关于hugo discourse的描述还是很多的