add post img support

update version to 0.3.2

Author: lialun

assets/css/default.css

@@ -133,10 +133,9 @@ code {
 }
 
 #blog-list .tag-stats {
-    height: 5.5rem;
     list-style-position: inside;
     margin: 0;
-    padding: 0.8rem 1rem;
+    padding: 1.4rem 1rem;
     text-align: center;
 }
 
@@ -152,7 +151,20 @@ code {
     cursor: pointer;
     list-style-position: inside;
     margin: 0;
-    padding: 0.6rem 0.8rem;
+    padding: 0.6rem 0.6rem;
+}
+
+.blog-excerpt-img {
+    margin: 0 0 0.3rem 0;
+}
+
+.blog-excerpt-img img {
+    width: 100%;
+    max-height: 13rem;
+    object-fit: cover;
+    -webkit-border-radius: 0.3rem;
+    -moz-border-radius: 0.3rem;
+    border-radius: 0.3rem;
 }
 
 .blog-excerpt-title {
@@ -216,16 +228,29 @@ code {
 }
 
 .blog-view-container-fix-width {
-    max-width: 1280px;
     min-width: 240px;
     padding: 0 1rem;
     margin: 0 auto;
 }
 
+@media (min-width: 992px) {
+    .blog-view-container-fix-width {
+        width: 70%;
+    }
+}
+
 .blog-view-container header {
     padding-top: 4rem;
 }
 
+.blog-view-img {
+    width: 100%;
+    margin-bottom: 1.5rem;
+    -webkit-border-radius: 0.5rem;
+    -moz-border-radius: 0.5rem;
+    border-radius: 0.5rem;
+}
+
 .blog-view-title {
     margin-bottom: 0.8rem;
     text-align: center;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "everblog",
   "description": "A three rows layout ghost blog theme",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "engines": {
     "ghost": ">=1.0.0"
   },

partials/blog-list.hbs

@@ -2,17 +2,7 @@
     <div class="list-group scroll">
         <div class="list-container">
             {{#foreach posts}}
-                <article href="{{url}}" class="list-group-item blog-excerpt {{post_class}}" onclick="loadBlog(this)">
-                    <div class="blog-excerpt-title text-overflow">
-                        {{{title}}}
-                    </div>
-                    <div class="blog-excerpt-date text-overflow">
-                        {{date format="YYYY-MM-DD"}}
-                    </div>
-                    <div class="blog-excerpt-content">
-                        {{excerpt characters="120"}}
-                    </div>
-                </article>
+                {{> blog_excerpt}}
             {{/foreach}}
         </div>
         {{pagination}}

partials/blog-view.hbs

@@ -2,12 +2,15 @@
     <div class="row">
         <header id="blog-view-header" class="headroom">
             <div>
-                <button onclick="javascript:smallScreenPageChange(1)" class="btn">< Back</button>
+                <button onclick="smallScreenPageChange(1)" class="btn">< Back</button>
             </div>
         </header>
         <article class="blog-view-container {{post_class}}">
             <div class="blog-view-container-fix-width">
                 <header>
+                    {{#if feature_image}}
+                        <img class="blog-view-img" src="{{img_url feature_image}}">
+                    {{/if}}
                     <div class="blog-view-title">
                         {{title}}
                     </div>

partials/blog_excerpt.hbs

@@ -0,0 +1,25 @@
+{{#if feature_image}}
+    <article href="{{url}}" class="list-group-item blog-excerpt {{post_class}}" onclick="loadBlog(this)">
+        <div class="blog-excerpt-img">
+            <img src="{{img_url feature_image}}"/>
+        </div>
+        <div class="blog-excerpt-title text-overflow">
+            {{{title}}}
+        </div>
+        <div class="blog-excerpt-date text-overflow">
+            {{date format="YYYY-MM-DD"}}
+        </div>
+    </article>
+{{else}}
+    <article href="{{url}}" class="list-group-item blog-excerpt {{post_class}}" onclick="loadBlog(this)">
+        <div class="blog-excerpt-title text-overflow">
+            {{{title}}}
+        </div>
+        <div class="blog-excerpt-date text-overflow">
+            {{date format="YYYY-MM-DD"}}
+        </div>
+        <div class="blog-excerpt-content">
+            {{excerpt characters="180"}}
+        </div>
+    </article>
+{{/if}}

partials/tag-blog-list.hbs

@@ -2,25 +2,15 @@
     <div class="list-group scroll">
         <header class="list-group-item tag-stats">
             <div class="tag-stats-header">
-	            {{tag.name}}
+                {{tag.name}}
             </div>
             <div class="tag-stats-count">
                 {{pagination.total}} articles
             </div>
         </header>
-	    {{#foreach posts}}
-            <article href="{{url}}" class="list-group-item blog-excerpt {{post_class}}" onclick="loadBlog(this)">
-                <div class="blog-excerpt-title text-overflow">
-				    {{{title}}}
-                </div>
-                <div class="blog-excerpt-date text-overflow">
-				    {{date format="YYYY-MM-DD"}}
-                </div>
-                <div class="blog-excerpt-content">
-				    {{excerpt characters="180"}}
-                </div>
-            </article>
-	    {{/foreach}}
+        {{#foreach posts}}
+            {{> blog_excerpt}}
+        {{/foreach}}
     </div>
-	{{pagination}}
+    {{pagination}}
 </div>