title: In Jekyll How do I grab a post's first image?
body: <p>In my index of blog posts I'd like to grab the first image from the post to display it in the index using just liquid so it works on github pages.</p>
  
  <p>I have a feeling split is the way to go, but I'm not good with liquid.</p>
  
  <p>I'd like to be able to get the image url and put it in a variable to style it.</p>
  
  <p>The ideal solution would be something like:</p>
  
  <pre><code>{% for post in site.posts %}
      &lt;li&gt;
        &lt;a href="{{ post.url }}"&gt;{{post.content | first_image}}&lt;/a&gt;
      &lt;/li&gt;
    {% endfor %}
  </code></pre>
  
  <p>Any ideas?</p>