数据文件 yml 中的中间人 link_to 和 image_tag
middleman link_to with image_tag in data files yml
你能帮帮我吗?我不明白如何结合。
我有数据文件。
datafile.yml
list:
- title: "Bar"
desc: "A bar can be classic addition to any home."
image: "images/bar/1.jpg"
id: /bar
这是我的观点:
<% data.categories.list.each do |x| %>
<div id="our-work">
<ul>
<li><a <%= link_to 'Read more', "#{x.id.to_s}.html" %> >
<%= image_tag x.image %>
<div class="overlay">
<summary>
<h2><%= x.title %></h2>
<h3><%= x.desc %></h3>
</summary>
<div class="nnnext"><span></span></div></div>
</a>
</li>
<% end %>
我想创建 link_to + 图片标签。在 1 个字符串中,该怎么做?我希望你明白我的意思。
图片:+id:=><%=link_toimage_tag...%>
link 至 index.html.erb
https://gist.github.com/anonymous/d356271136b1f574965c939a6ba1defb
问题是您没有遵循语法,尤其是打开块而不是关闭块。
这是基于您分享的 html 的正确结构。
<% data.categories.list.each do |x| %>
<div id="our-work">
<ul>
<li>
<%= link_to "#{x.id.to_s}.html" do %>
<%= image_tag x.image %>
<div class="overlay">
<summary>
<h2><%= x.title %></h2>
<h3><%= x.desc %></h3>
</summary>
<div class="nnnext"><span></span></div>
</div>
<% end %>
</li>
</ul>
</div>
<% end %>
注意:当您使用 link_to
时,您不能使用文本 Read more
你能帮帮我吗?我不明白如何结合。
我有数据文件。 datafile.yml
list:
- title: "Bar"
desc: "A bar can be classic addition to any home."
image: "images/bar/1.jpg"
id: /bar
这是我的观点:
<% data.categories.list.each do |x| %>
<div id="our-work">
<ul>
<li><a <%= link_to 'Read more', "#{x.id.to_s}.html" %> >
<%= image_tag x.image %>
<div class="overlay">
<summary>
<h2><%= x.title %></h2>
<h3><%= x.desc %></h3>
</summary>
<div class="nnnext"><span></span></div></div>
</a>
</li>
<% end %>
我想创建 link_to + 图片标签。在 1 个字符串中,该怎么做?我希望你明白我的意思。
图片:+id:=><%=link_toimage_tag...%>
link 至 index.html.erb https://gist.github.com/anonymous/d356271136b1f574965c939a6ba1defb
问题是您没有遵循语法,尤其是打开块而不是关闭块。
这是基于您分享的 html 的正确结构。
<% data.categories.list.each do |x| %>
<div id="our-work">
<ul>
<li>
<%= link_to "#{x.id.to_s}.html" do %>
<%= image_tag x.image %>
<div class="overlay">
<summary>
<h2><%= x.title %></h2>
<h3><%= x.desc %></h3>
</summary>
<div class="nnnext"><span></span></div>
</div>
<% end %>
</li>
</ul>
</div>
<% end %>
注意:当您使用 link_to
时,您不能使用文本 Read more