将 Netlify CMS 与 Hugo 结合使用 - 创建带画廊的帖子

Question

我是 Hugo 和 Netlify 的新手，所以我可能只是做错了。

我已经使用 Hugo, the Galleria plugin, and deploying to Netlify This has all worked. However, I want to try using the Netlify CMS 成功构建并部署了一个带有画廊的网站，并且正在努力将其设置为处理画廊功能（仅编写文本就可以了 post )

我不确定这是否是 Netlify CMS 的限制，或者我是否以不适合静态站点的方式制作画廊。

为了在 Hugo 中实现画廊，我在每个 post 的前面做以下事情：

+++
date = "2017-02-13T23:17:09+01:00"
summary = "In which I fail to RTFM, visit a Lamasery, and eat a lot of fruit."
tags = []
title = "China 2017: Day 11"

[[galleria]]
imgSrc = "../images/china/11/Lama-Temple.JPG"
imgTitle = "Hall In The Lama Temple"
imgDesc = "One of the main halls of the Lama Temple."

[[galleria]]
imgSrc = "../images/china/11/Octagonal-Hall.JPG"
imgTitle = "Octagonal Hall"
imgDesc = "An octagonal building just inside the entrance of the Lama Temple"

.
.
.
+++

然后在布局页面中：

  {{ if isset .Params "galleria" }}
  <div class="galleria">
  {{ range .Params.galleria}}
  <img src="{{ .imgSrc }}" alt="{{ .imgTitle }}" data-title="{{ .imgTitle }}" data-description="{{ .imgDesc }}">
  {{ end }}
  </div>
  {{ end }}

在 Netlify CMS 设置中，我尝试添加一个对象小部件：

 -  name: "galleria"
         label: "Gallery" 
         widget: "object"
         optional: true
         fields:
          - {label: "Title", name: "imgTitle", widget: "string"}
          - {label: "Gallery Image", name: "imgSrc", widget: "image"}
          - {label: "Description", name: "imgDesc", widget: "string"}

我还有两个问题：

(i) 该对象出现了，但当然只出现了一次。我该如何设置才能让我输入任意数量的图像？

(ii) 在构建时，我收到一个错误：ERROR 2017/05/28 22:37:20 Error while rendering "page": template: _default/single.html:23:15: executing "_default/single.html" at <.imgSrc>: can't evaluate field imgSrc in type interface {}

所以我似乎做错了什么，甚至试图将一张图像（和相关数据）放入 post。

Answer 1

把它放在这里以防其他人遇到困难。

经过四处询问，感谢 Netlify Gitter 频道中可爱的人们：

我应该使用列表小部件，而不是对象。 YAML 现在看起来像这样：

-  name: "galleria"
         label: "Gallery" 
         widget: "list"
         optional: true
         fields:
          - {label: "Title", name: "imgTitle", widget: "string"}
          - {label: "Gallery Image", name: "imgSrc", widget: "image"}
          - {label: "Description", name: "imgDesc", widget: "string"}

这消除了构建错误，并在 CMS 编辑器中为我提供了一个小部件，我可以在其中添加任意数量（或更少）的图像。

我现在遇到了一个跟进问题，使用 CMS 创建的帖子创建正确，出现在 repo 的正确文件夹中，但是 404 。 . .

将 Netlify CMS 与 Hugo 结合使用 - 创建带画廊的帖子

Using Netlify CMS with Hugo - creating posts with galleries

gallery

hugo

netlify

netlify-cms