feature images support

_includes/meta.html

@@ -12,11 +12,11 @@
 <meta name="og:url" content="{{ site.url }}{{ page.url }}">
 {% if page.title %}<meta property="og:title" content="{{ page.title }}"/>{% endif %}
 {% if page.summary %}<meta property="og:description" content="{{ page.summary }}"/>{% endif %}
-{% if page.image %}<meta property="og:image" content=""/>{% endif %}
+{% if page.image %}<meta property="og:image" content="{{ site.url }}{{ page.image }}"/>{% endif %}
 <meta name="twitter:card" content="summary">
 <meta name="twitter:creator" content="@walkah">
 <meta name="twitter:url" content="{{ site.url }}{{ page.url }}">
 <meta name="twitter:title" content="{{ page.title }}">
 {% if page.summary %}<meta name="twitter:description" content="{{ page.summary }}">{% endif %}
-{% if page.image %}<meta name="twitter:image" content="{{ page.image }}">{% endif %}
+{% if page.image %}<meta name="twitter:image" content="{{ site.url }}{{ page.image }}">{% endif %}
 <meta name="microid" content="mailto+http:sha1:d1026e95deb9e779de34648de0c7e2c83e1d2a73" />

_includes/post.html

@@ -1,6 +1,9 @@
 <article class="hentry" role="article">
   <header>
     <h1 class="entry-title">{{ post.title }}</h1>
+    {% if post.image %}
+      <div class="feature-image" style="background: url({{ post.image }})"></div>
+    {% endif %}
     <time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate><a href="{{ post.url }}">{{ post.date | date: "%B %d, %Y" }}</a></time>
   </header>
   <div class="entry-content">

_sass/_style.scss

@@ -97,6 +97,13 @@ body {
                   white-space: nowrap;
                 }
 
+                .feature-image {
+                    width: 100%;
+                    height: 200px;
+                    background-size: cover;
+                    background-position: center;
+                }
+
                 footer {
                   font-size: 0.8em;
                 }