title: Jekyll image resizing with CloudCannon
body: <p>I'm looking find a nice way to resize images uploaded by my client using CloudCannon.</p>
  
  <p>I've looked at Jekyll plugins for doing this but they don't seem to play nicely with CloudCannon.</p>
  
  <p>Does anyone have any tips or tricks for getting this to work?</p>
  
  <p>Here is the code I am currently using:</p>
  
  <pre><code>&lt;div class="section blog"&gt;
    &lt;div class="container"&gt;
      &lt;div class="row blog__items"&gt;
        {% for post in site.posts %}
          &lt;div class="blog__item col-xs-6 col-sm-4"&gt;
            &lt;div class="article"&gt;
              &lt;div class="article__head"&gt;
                &lt;a href="{{ site.baseurl }}{{ post.url }}" class="article__media"&gt;
                  &lt;img src="{{ site.baseurl }}{{ post.image }}"&gt;
                &lt;/a&gt;
                &lt;h3 class="article__title"&gt;&lt;a href="{{ site.baseurl }}{{ post.url }}"&gt;{{ post.title }}&lt;/a&gt;&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="article__body"&gt;
                &lt;div class="article__meta"&gt;
                  &lt;p class="article__date"&gt;&lt;small&gt;Posted on {{ post.date | date: "%d %B, %Y" }}&lt;/small&gt;&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="article__text"&gt;
                  {{ post.description }}
                &lt;/div&gt;
                &lt;a href="{{ site.baseurl }}{{ post.url }}" class="article__cta btn btn-primary"&gt;Read More&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        {% endfor %}
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>