讓文檔中的代碼更好看

    本文要介紹一個插件——Prism，有了它，你的文檔中的代碼將更好看。

    工做中，咱們會須要寫一些說明文檔，相似bootstrap、vue等的官方文檔同樣，咱們的文檔也要不只實用，還要好看，通過使用，以爲prism還不錯。

    使用也很簡單，下載（能夠定製須要的支持的語言）好以後，在頁面中引入：

    好比要在文檔中實現這樣的效果：

    咱們能夠在html中這樣寫：

<pre class="language-html">
  <code class="language-html">
    &ltbutton type="button" class="btn btn-default btn-primary"&gt按鈕&lt/button&gt
  </code>
</pre>

    惟一要注意的地方就是用&lt代替<，用&gt代替>。

    參考：

一、Prism官網http://prismjs.com/