将文章内容格式和markdown保持一致

assets/base.scss

@@ -143,7 +143,6 @@
 
       .article__content{
         @extend %article-content;
-
       }
 
       .article__like1{

assets/common.scss

@@ -199,20 +199,17 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
     overflow: hidden;
   }
   code {
-    display: block;
-    padding: 6px 12px;
+    //display: block;
+    //padding: 6px 12px;
     overflow-y: auto;
     font-weight: 300;
     font-family: Menlo, monospace;
-    font-size: 14px;
+    //font-size: 14px;
   }
 }
-
-
-%article-content{
+%article-content {
   @extend %markdown;
-
-  padding:30*$length 0;
+  padding:40*$length 6px;
   word-wrap: break-word;
   overflow: hidden;
   font-size: 14*$font-size;
@@ -220,103 +217,37 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
   *{
     word-wrap: break-word;
     overflow: auto;
-    font-size: 14*$font-size;
-    font-weight: 400;
   }
+
   b, strong{
     font-weight: bold;
   }
-  li,ul,ol{
-    list-style: disc inside;
-  }
+
   ul,ol{
-    padding-left:40*$length;
     line-height: 1.75;
-    font-weight: 400;
-    font-size: 15px;
   }
 
   h1,h2,h3,h4,h5,h6{
-    color:#333;
     line-height: 1.5;
-    margin-top: 35px;
-    margin-bottom: 10px;
   }
 
-  h1{
-    padding-bottom: 12px;
-    font-size: 26px;
+  h2, h3, h4, {
     line-height: 1.75;
-    font-weight: 400;
-    border-bottom: 1px solid #ececec;
-  }
-  h2{
-    padding-bottom: 12px;
-    font-size: 24px;
-    line-height: 1.75;
-    font-weight: 400;
-    border-bottom: 1px solid #ececec;
-  }
-  h3{
-    padding-bottom: 12px;
-    font-size: 22px;
-    line-height: 1.75;
-    font-weight: 400;
-    border-bottom: 1px solid #ececec;
-  }
-  h4{
-    padding-bottom: 18px;
-    font-size: 22px;
-    line-height: 1.75;
-    font-weight: 400;
-    border-bottom: 1px solid #ececec;
   }
+
   a{
     color:#00AAE6;
   }
   p{
-    font-size: 15*$length;
     line-height: 1.75;
-    font-weight: 400;
-    margin:22*$length 0;
-    color:#333;
-
   }
 
   li{
-    font-size: 15*$length;
     line-height: 1.75;
-    font-weight: 400;
-    margin:11*$length 0;
-    color:#333;
   }
 
   blockquote{
-    display: block;
-    border-left: 8*$length solid #d0e5f2;
-    padding: 5*$length 10*$length;
     line-height: 1.4;
-    font-size: 100%;
-    background-color: #f1f1f1;
-    margin:22*$length 0;
-
-  }
-  table{
-    border-top: 1px solid #ccc;
-    border-left: 1px solid #ccc;
-    font-size: 14*$font-size;
-    margin:22*$length 0;
-
-    & tbody{
-      & tr{
-
-      }
-    }
-
-
-  }
-  code{
-    width:auto;
   }
   img,
   audio,
@@ -324,20 +255,8 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
     max-width: 100%;
     height: auto;
   }
-  td {
-    border-bottom: 1px solid #ccc;
-    border-right: 1px solid #ccc;
-    padding: 3*$length 5*$length;
-  }
-  th {
-    border-bottom: 1px solid #ccc;
-    border-right: 1px solid #ccc;
-    padding: 3*$length 5*$length;
-  }
-
 }
 
-
 //文字超出不换行
 %nowrap{
   overflow: hidden;

pages/answer/detail/_id.vue

@@ -46,7 +46,7 @@
           </div>
         </div>
         <p class="article__introduce">{{articleDetail.questionAbstract}}</p>
-        <div class="article__content" v-html="articleDetail.contentHtml">
+        <div class="article__content markdown-body" v-html="articleDetail.contentHtml">
         </div>
 
         <div :class="returnArticleLikeClass" @click="clickToPraise">
@@ -335,5 +335,6 @@
     align-items: flex-start;
     @extend %detail-container;
   }
-
 </style>
+
+<style lang="css">@import "assets/github-markdown.min.css";</style>

pages/blog/detail/_id.vue

@@ -44,7 +44,7 @@
           </div>
         </div>
         <p class="article__introduce">{{articleDetail.blogAbstract}}</p>
-        <div class="article__content" v-html="articleDetail.contentHtml">
+        <div class="article__content markdown-body" v-html="articleDetail.contentHtml">
         </div>
 
 
@@ -344,3 +344,4 @@
     @extend %detail-container;
   }
 </style>
+<style lang="css">@import "assets/github-markdown.min.css";</style>

pages/project/detail/_id.vue

@@ -47,7 +47,7 @@
           </div>
         </div>
         <p class="article__introduce">{{articleDetail.projectDescription}}</p>
-        <div class="article__content" v-html="articleDetail.contentHtml">
+        <div class="article__content markdown-body" v-html="articleDetail.contentHtml">
         </div>
 
 
@@ -322,6 +322,5 @@
     align-items: flex-start;
     @extend %detail-container;
   }
-
-
 </style>
+<style lang="css">@import "assets/github-markdown.min.css";</style>