2017-05-31 5 views
2

私はHugoとNetlifyの両方に新しいので、これを間違えている可能性があります。HugoでNetlify CMSを使用する - ギャラリーで投稿を作成する

HugoGalleriaプラグインを使用し、Netlifyにデプロイすることで、ギャラリーでサイトを構築して展開しました。これはすべて機能しています。しかし、私はNetlify CMSを試してみたいと思っており、ギャラリー機能を扱うように設定しようとしています。(テキストポストを書くだけでも問題ありません)

これはNetlify CMSの制限、または静的な場所に適していない方法でギャラリーをやっている場合。

ヒューゴでギャラリーを実装するには、私は各ポストの前の問題に次のようにやっている:レイアウトページに続いて

+++ 
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)オブジェクトが表示されますが、もちろん1回だけ表示されます。私が望むだけ多くの画像を入力できるようにするにはどうすればいいですか?ビルドで

(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 {}

だから、私も記事にして一つの画像(および関連データ)を取得しようと何か間違ったことをやっているようです。

答えて

6

他の人がこれに執着した場合に備えて、ここに入れてください。周りに尋ねた後

、およびNetlifyギッターチャンネルで素敵な人々に感謝:

私はむしろオブジェクトよりも、リストのウィジェットを使用している必要があります。 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

2番目の質問に対する回答がありましたか?あなたのHugoテーマがサブモジュールとして含まれていないことが原因です。それが正しく含まれていない場合、buildbotはそれを見つけず、ページは構築されません。これを解決するには、.gitフォルダをテーマフォルダから削除するか、[git-submoduleを使ってインクルードする]ことができます(http://choomnuan.com/blog/2015/07/18/how-to-setup-hugos -theme-git-submodule /)を使用します。 (これは主な質問には二次的なものですから、私はこのコメントに書き出すのではなく、いくつかの指示にリンクしていきます) –

+0

404は開発者のエラーになりました。サイトのURLが適切なドメインとして設定されている場合、netlifyドメイン –

関連する問題