修改博客代码样式

assets/common.scss

@@ -92,84 +92,104 @@ $index5:500;
 }
 
 %markdown{
-  /**
-  * GitHub Gist Theme
-  * Author : Anthony Attard - https://github.com/AnthonyAttard
-  * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
-  */
+  /*
+
+github.com style (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
 
   .hljs {
     display: block;
-    background: white;
-    padding: 0.5em;
-    color: #333333;
     overflow-x: auto;
+    padding: 0.5em;
+    color: #333;
+    background: #fcfcfc;
   }
 
   .hljs-comment,
-  .hljs-meta {
-    color: #969896;
-  }
-
-  .hljs-variable,
-  .hljs-template-variable,
-  .hljs-strong,
-  .hljs-emphasis,
   .hljs-quote {
-    color: #df5000;
+    color: #998;
+    font-style: italic;
   }
 
   .hljs-keyword,
   .hljs-selector-tag,
-  .hljs-type {
-    color: #d73a49;
+  .hljs-subst {
+    color: #333;
+    font-weight: bold;
   }
 
+  .hljs-number,
   .hljs-literal,
-  .hljs-symbol,
-  .hljs-bullet,
-  .hljs-attribute {
-    color: #0086b3;
+  .hljs-variable,
+  .hljs-template-variable,
+  .hljs-tag .hljs-attr {
+    color: #008080;
+  }
+
+  .hljs-string,
+  .hljs-doctag {
+    color: #d14;
   }
 
+  .hljs-title,
   .hljs-section,
-  .hljs-name {
-    color: #63a35c;
+  .hljs-selector-id {
+    color: #900;
+    font-weight: bold;
   }
 
-  .hljs-tag {
-    color: #333333;
+  .hljs-subst {
+    font-weight: normal;
   }
 
-  .hljs-title,
-  .hljs-attr,
-  .hljs-selector-id,
-  .hljs-selector-class,
-  .hljs-selector-attr,
-  .hljs-selector-pseudo {
-    color: #6f42c1;
+  .hljs-type,
+  .hljs-class .hljs-title {
+    color: #458;
+    font-weight: bold;
   }
 
-  .hljs-addition {
-    color: #55a532;
-    background-color: #eaffea;
+  .hljs-tag,
+  .hljs-name,
+  .hljs-attribute {
+    color: #000080;
+    font-weight: normal;
+  }
+
+  .hljs-regexp,
+  .hljs-link {
+    color: #009926;
+  }
+
+  .hljs-symbol,
+  .hljs-bullet {
+    color: #990073;
+  }
+
+  .hljs-built_in,
+  .hljs-builtin-name {
+    color: #0086b3;
+  }
+
+  .hljs-meta {
+    color: #999;
+    font-weight: bold;
   }
 
   .hljs-deletion {
-    color: #bd2c00;
-    background-color: #ffecec;
+    background: #fdd;
   }
 
-  .hljs-link {
-    text-decoration: underline;
+  .hljs-addition {
+    background: #dfd;
   }
 
-  .hljs-number {
-    color: #005cc5;
+  .hljs-emphasis {
+    font-style: italic;
   }
 
-  .hljs-string {
-    color: #032f62;
+  .hljs-strong {
+    font-weight: bold;
   }
 
 
@@ -179,14 +199,14 @@ $index5:500;
     margin-bottom: 24px;
     border-radius: 2px;
     border: 1px solid #f6f6f6;
-    //background: #FFF;
+    background: #FFF;
     overflow: hidden;
   }
   code {
     display: block;
-    padding: 12px 24px;
+    padding: 6px 12px;
     overflow-y: auto;
-    font-weight: 400;
+    font-weight: 300;
     font-family: Menlo, monospace;
     font-size: 14px;
   }

pages/blog/detail/_id.vue

@@ -424,7 +424,6 @@
           pre{
             line-height: 1.5;
             padding: 15px;
-            background-color: #f1f1f1;
             border-radius: 5px;
 
           }