データファイルのimage_tagを使用したmiddleman link_to

Question

私を助けることができますか？私はそれをどのように組み合わせるのか分かりません。

私はデータファイルを持っています。

<% 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 +画像タグを作成したい： datafile.yml

list: 
    - title: "Bar" 
    desc: "A bar can be classic addition to any home." 
    image: "images/bar/1.jpg" 
    id: /bar 

は、ここに私の見解です。 1つの文字列で、それを行う方法？私はあなたが私の意味を理解することを願っています

画像：+ ID：=> <% =のlink_to IMAGE_TAG ...％>問題は、あなたが、特に開い構文を以下していないです https://gist.github.com/anonymous/d356271136b1f574965c939a6ba1defb

Answer 1

をindex.html.erbする

リンクブロックして閉じないでください。

ここでは共有した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 %> 

注：あなたがあなたのケースの画像やその他のHTML