[+] Display blog post info

src/components/BlogPostPreview.vue

@@ -1,6 +1,11 @@
 <template>
-    <div id="BlogPostPreview">
+    <div id="BlogPostPreview" class="card">
-        <div id="title">{{meta.title}}</div>
+        <div id="date">{{meta.date}}</div>
+        <div id="titles">
+            <div id="title">{{meta.title}}</div>
+            <div id="subtitle" v-if="meta.subtitle">{{meta.subtitle}}</div>
+        </div>
+        <div id="expand">展开...</div>
     </div>
 </template>
 
@@ -30,10 +35,10 @@ export default class BlogPostPreview extends Vue
     {
         if (!this.meta.subtitle)
         {
-            fetch(`${hosts.content}/${this.meta.file}`).then(it => it.text()).then(it =>
+            // fetch(`${hosts.content}/${this.meta.file}`).then(it => it.text()).then(it =>
-            {
+            // {
-                this.meta.subtitle = marked(it)
+            //     this.meta.subtitle = marked(it)
-            })
+            // })
         }
     }
 }

src/components/Post.vue

@@ -59,8 +59,7 @@ export default class PostView extends Vue
         display: none
 
 .post
-    width: 100%
+    padding: 12px 20px 8px
-
     text-align: left
 
     > *

src/css/global.sass

@@ -156,10 +156,11 @@ html
 
 
 .card
+  width: 100%
   background: #fdf9f1
   border-radius: 20px
   margin-bottom: 20px
-  padding: 12px 20px 8px
+  padding: 15px 20px
   overflow: auto
   overflow-x: hidden
   box-sizing: border-box

src/views/Blog.vue

@@ -24,5 +24,7 @@ export default class Blog extends Vue
 </script>
 
 <style lang="sass" scoped>
-
+#Blog
+    width: 600px
+    margin: 20px auto
 </style>