大佬教程收集整理的这篇文章主要介绍了gallery – 将Netlify CMS与Hugo一起使用 – 使用画廊创建帖子,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已成功构建和部署了一个带有库的站点,使用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 class="galleria"> {{ 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频道中的可爱人物:
@R_851_10675@用列表小部件,而不是对象. YAML现在看起来像这样:
- name: "galleria" label: "Gallery" widget: "list" optional: true fields: - {label: "title",widget: "String"}
这已经删除了构建错误,并在CMS编辑器中为我提供了一个窗口小部件,我可以根据需要添加任意数量(或很少)的图像.
我现在遇到了一个跟进问题,即使用CMS创建的帖子正确创建,@L_944_23@在repo中的右侧文件夹中,但是404. . .
以上是大佬教程为你收集整理的gallery – 将Netlify CMS与Hugo一起使用 – 使用画廊创建帖子全部内容,希望文章能够帮你解决gallery – 将Netlify CMS与Hugo一起使用 – 使用画廊创建帖子所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。