2017-05-31 78 views
2

我对Hugo和Netlify都很陌生,所以有可能我只是做错了。与Hugo一起使用Netlify CMS - 使用画廊创建帖子

我已经使用HugoGalleria插件以及部署到Netlify成功构建并部署了一个带有画廊的网站。这一切都奏效了。然而,我想尝试使用Netlify CMS,并且正在努力设置它来处理画廊功能(它只是在写一个文本文件就可以了)

我不确定这是否是Netlify CMS的限制,或者如果我以不适合静态网站的方式来制作画廊。

为了实现在雨果画廊,我做的每一个职位的前面的问题如下:在Netlify CMS设置

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

的:

+++ 
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" 

. 
. 
. 
+++ 

然后在页面布局我尝试添加一个对象部件:

- 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)物体出现,但当然只有一次。我如何设置它以允许我输入尽可能多的图像?

(二)关于构建,我得到一个错误: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 {}

这样看来我做错了什么,甚至在尝试后获得一个图像(及相关数据)。

回答

6

把它放在这里是为了防止其他人卡在这里。

四处询问后,并感谢在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创建的帖子被正确创建,出现在回购库中的正确文件夹中,但是404。 。 。

+1

你有没有得到第二个问题的答案?这听起来像是您的Hugo主题不包含在子模块中引起的。如果没有正确的包含,buildbot没有找到它,并且页面没有被构建。你可以通过从主题文件夹中删除.git文件夹来解决这个问题,或者你可以[使用git-submodule包含它](http://choomnuan.com/blog/2015/07/18/how-to-setup-hugos -theme-使用-GIT-子模块/)。 (由于这是次要的主要问题,我只是链接到一些指令,而不是写在评论中) –

+0

404是由开发人员错误 - baseURL(显然)不工作,而在测试时当网站网址被设置为我的合适域名时,netlify域名 –