gallery – 将Netlify CMS与Hugo一起使用 – 使用画廊创建帖子

概述我是雨果和Netlify的新手,所以我可能只是做错了. 我已成功构建和部署了一个带有库的站点,使用Hugo,Galleria插件,并部署到Netlify这一切都有效.但是,我想尝试使用Netlify CMS,我正在努力设置它来处理图库功能(它只是写文本帖子很好) 我不确定这是否是Netlify CMS的限制,或者我是否以不适合静态网站的方式进行画廊. 为了实现Hugo的画廊,我在每个帖子的前面做了 我是雨果和Netlify的新手,所以我可能只是做错了.

我已成功构建和部署了一个带有库的站点,使用Hugo,Galleria插件,并部署到Netlify这一切都有效.但是,我想尝试使用Netlify CMS,我正在努力设置它来处理图库功能(它只是写文本帖子很好)

我不确定这是否是Netlify CMS的限制,或者我是否以不适合静态网站的方式进行画廊.

为了实现Hugo的画廊,我在每个帖子的前面做了以下事情：

+++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 >  {{ range .Params.galleria}}  <img src="{{ .imgSrc }}" alt="{{ .imgTitle }}" data-title="{{ .imgTitle }}" data-description="{{ .imgDesc }}">  {{ end }}  </div>  {{ end }}

在Netlify CMS设置上,我尝试添加一个Object小部件：

-  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渲染“page”时出错：template：_default / single.HTML:23:15：执行“_default / single.HTML “at< .imgSrc>：无法在类型interface {}中评估字段imgSrc

因此,即使尝试将一个图像(和相关数据)放入帖子中,我似乎也做错了.

解决方法 把它放在这里,以防其他人陷入困境.

在四处询问之后,感谢Netlify Gitter频道中的可爱人物：

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

-  name: "galleria"         label: "gallery"          Widget: "List"         optional: true         fIElds:          - {label: "Title",Widget: "string"}

这已经删除了构建错误,并在CMS编辑器中为我提供了一个窗口小部件,我可以根据需要添加任意数量(或很少)的图像.

我现在遇到了一个跟进问题,即使用CMS创建的帖子正确创建,显示在repo中的右侧文件夹中,但是404. . .

总结

以上是内存溢出为你收集整理的gallery – 将Netlify CMS与Hugo一起使用 – 使用画廊创建帖子全部内容，希望文章能够帮你解决gallery – 将Netlify CMS与Hugo一起使用 – 使用画廊创建帖子所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。