Markdown，讓你的代碼高亮起來

當你的審美提升或者習慣了Linux下的黑色代碼高亮，已經不知足與博客園原有的代碼高亮，那麼這篇博客就是你的選擇。

代碼塊高亮

代碼塊Highlight

  
/*
使用了Monokai Sublime的黑色主題皮膚，可是還存在樣式衝突，須要本身修改
這個樣式只適合使用makedown編寫的博客
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/
pre {
 /控制代碼不換行/
 white-space: pre;
 word-wrap: normal;
 }
.cnblogs-markdown .hljs {
 display: block;
 overflow: auto;
 padding: 1.3em 2em !important;
 font-size: 16px !important;
 background: #272822 !important;
 color: #FFF;
 max-height: 700px;
 }
.hljs,
 .hljs-tag,
 .hljs-subst {
 color: #f8f8f2;
 }
.hljs-strong,
 .hljs-emphasis {
 color: #a8a8a2;
 }
.hljs-bullet,
 .hljs-quote,
 .hljs-number,
 .hljs-regexp,
 .hljs-literal,
 .hljs-link {
 color: #ae81ff;
 }
.hljs-code,
 .hljs-title,
 .hljs-section,
 .hljs-selector-class {
 color: #a6e22e;
 }
.hljs-strong {
 font-weight: bold;
 }
.hljs-emphasis {
 font-style: italic;
 }
.hljs-keyword,
 .hljs-selector-tag,
 .hljs-name,
 .hljs-attr {
 color: #f92672;
 }
.hljs-symbol,
 .hljs-attribute {
 color: #66d9ef;
 }
.hljs-params,
 .hljs-class .hljs-title {
 color: #f8f8f2;
 }
.hljs-string,
 .hljs-type,
 .hljs-built_in,
 .hljs-builtin-name,
 .hljs-selector-id,
 .hljs-selector-attr,
 .hljs-selector-pseudo,
 .hljs-addition,
 .hljs-variable,
 .hljs-template-variable {
 color: #e6db74;
 }
.hljs-comment,
 .hljs-deletion,
 .hljs-meta {
 color: #75715e;
 }
/* 黑色主題makedown代碼結束 */

Markdown 高級技巧

不在 Markdown 涵蓋範圍以內的標籤，均可以直接在文檔裏面用 HTML編寫。並且最好用HTML編寫，這樣也能學習HTML。

<details>
    <summary>  代碼塊Highlight  </summary>
        <pre><code>

            /* code */

        </code></pre>
</details>

參考

Markdown解析

黑色主題Highlight