title: Using variables in Jekylls Front Matter
body: <p>I have created a data file with images which I use normally for posts.</p>
  
  <pre><code>ImageKey:
    - url: "/assets/logos/Image.png"
      title: "Image Title"
  </code></pre>
  
  <p>Now I want to use this image paths in my post headers.</p>
  
  <pre><code>---
  layout: page
  image:
   - site.data.images.ImageKey
  ---
  </code></pre>
  
  <p>And my HTML looks like</p>
  
  <pre><code>{% for image in page.images %}
              &lt;div&gt;
                  &lt;div class="img-thumbnail"&gt;
                      &lt;img class="img-responsive" src="{{site.baseurl}}{{image.url}}" alt="{{image.title}}"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  {% endfor %}
  </code></pre>
  
  <p>But anything is wrong here. There will no picture be rendered.</p>
  
  <p>It works if I use values in the fronter matter directly.</p>
  
  <pre><code>---
  layout: page
  image:
   - url: "..."
     title: "..."
  ---
  </code></pre>