The code highlights the language.

Author: jaywcjlove

templates/default/introduce/guides/html.md

@@ -81,3 +81,23 @@ console.log('test')
 </script>
 ```
 <!--End-->
+
+目前只预览 `HTML`, 下面为 `LESS` 展示
+
+<!--DemoStart--> 
+```less
+.wapper {
+  &::after {
+    content: '';
+    display: block;
+    clear: both;
+  }
+}
+
+.wapperContent {
+  padding: 15px 0 0 0;
+  max-width: 1200px;
+  margin: 0px auto 0;
+}
+```
+<!--End-->

theme/default/lib/markdown/InlineCode.js

@@ -42,6 +42,7 @@ export default class Canvas extends PureComponent {
             onClick={this.onClick.bind(this)}
           >
             {this.state.height === 0 ? '显示' : '隐藏'}代码
+            {this.props.language && <div className={styles.language}>{this.props.language}</div>}
           </div>
         </div>
       );

theme/default/lib/markdown/InlineCode.less

@@ -24,5 +24,10 @@
     line-height: 20px;
     background-color: rgba(0,0,0,.03);
     cursor: pointer;
+    .language {
+      float: right;
+      text-shadow: 0 1px white;
+      color: #b1b1b1;
+    }
   }
 }

theme/default/lib/markdown/style/default.less

@@ -55,7 +55,7 @@ p {
 blockquote {
   margin: 0;
   padding: 0 1em;
-  margin-bottom: 16px;
+  margin: 16px 0 16px 0;
   color: #6a737d;
   border-left: 0.25em solid #dfe2e5;
   & >:first-child {