在 Middleman 中呈现随机有序的 Contentful 数据

Question

堆栈溢出

我在尝试弄清楚如何以“结构化随机顺序”打印一些 YML 数据时遇到了一个菜鸟问题。我的意思是我正在使用 Contenful CMS 来订购 lookbook 中的内容 (https://www.contentful.com/blog/2015/09/10/creating-a-digital-lookbook/) 有点时尚。

我可以从这里拖放块，这将改变 YML 的顺序

内容编辑器可以选择拖放模块的显示顺序。所以 YML 数据的顺序总是不同的。

我想要实现的目标的快速模型：

这是当前数据的样子

:caseModules:
- :id: 2sY3tXCqSIcIM2IUgqCCgG
  :quoteBody: Either you run the day or you day runs you
  :quoteOriginName: Ghandi
  :quoteDate: !ruby/object:DateTime 2017-03-23 00:00:00.000000000 Z
- :id: 2qpSXdyiqg8iQucGoQweio
  :caseImage:
    :title: Test image title
    :description: Test image description
    :url: "//images.contentful.com/d65nu5c5ibm8/3l2tizTPRSACEIUK0OugUi/65a718dfa621cb6d1d384251ef83a787/account.png"
  :caseImageName: Test image title
  :caseImageCaption: This test image is a nice example of how we want to showcase
    images on the page
- :id: 3HaLvYSEs86ACoqMYE0QSk
  :header: Header
  :body: "There are previous versions because you haven't made changes to this entry
    yet. As soon as you publish changes, you'll be able to compare different versions.\n\n"
- :id: 6HASpa0o3SkyMK4gYgIq8W
  :quoteBody: This is another quote
  :quoteOriginName: Sebastian Graz
  :quoteDate: !ruby/object:DateTime 2019-01-19 00:00:00.000000000 Z
- :id: 3D6Gx2qphK6qAI2qyYGcwK
  :caseImage:
    :title: king-fisher
    :description: With King Fisher we managed to create an unique experience using
      Spindrift Site Builder
    :url: "//images.contentful.com/d65nu5c5ibm8/5kCjQiyCv6m00m0m46UWi4/ce4ab4cdc8ade1fd63f3e564def42e45/king-fisher.png"
  :caseImageName: King Fisher case image name
  :caseImageCaption: King fisher image caption

我正在使用 .erb 打印数据，如下所示：

  <% data.site.container.each do | _, project| %>
    <%= project['caseModules']%>
  <% end %>

这在前端给了我这个。

[# quoteOriginName="Ghandi">, # caseImageCaption="This test image is a nice example of how we want to showcase images on the page" caseImageName="Test image title" id="2qpSXdyiqg8iQucGoQweio">, #, # quoteOriginName="Sebastian Graz">, # caseImageCaption="King fisher image caption" caseImageName="King Fisher case image name" id="3D6Gx2qphK6qAI2qyYGcwK">]

我希望我能做类似的事情：

  <% data.site.container.each do | _, project| %>
    <% project['caseModules'].each do | image | %>
       <%= image['caseImage']['url']%>
    <% end %>
  <% end %>

但我收到错误：undefined method `[]' for nil:NilClass

所以我想知道是否有人可以指出我做错了什么。我应该使用 switch case 来渲染不同的块吗？我在 <%= image['caseImage']['url']%> 语法中做错了什么它不起作用吗？

感谢任何帮助

编辑：

我最终使用了 has_key? 并且成功了。

  <% data.site.container.each do | id, container| %>
    <% container.caseModules.each do | caseModules | %>

       <% if caseModules.has_key?("caseImage") && caseModules["caseImage"]%>
          <img src="<%= caseModules.caseImage['url'] %>" alt="" />
       <% end %>

       <% if caseModules.has_key?("quoteBody") && caseModules["quoteBody"]%>
          <%= caseModules.quoteBody %>
       <% end %>

       <% if caseModules.has_key?("body") && caseModules["body"]%>
          <%= caseModules.body %>
       <% end %>


    <% end %>
  <% end %>

Answer 1

问题是 YAML 文件中的键是符号而不是字符串，将其替换为 project[:caseModules] 或 project.caseModules 两者中的任何一个都会按预期工作。

在 Middleman 中呈现随机有序的 Contentful 数据

Rendering random ordered Contenful data in Middleman

html

ruby-on-rails

middleman

contentful