让文档中的代码更好看

    本文要介绍一个插件——Prism,有了它,你的文档中的代码将更好看。html

    工做中,咱们会须要写一些说明文档,相似bootstrap、vue等的官方文档同样,咱们的文档也要不只实用,还要好看,通过使用,以为prism还不错。vue

    使用也很简单,下载(能够定制须要的支持的语言)好以后,在页面中引入:bootstrap

    好比要在文档中实现这样的效果:spa

    咱们能够在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代替>。code

    参考:htm

一、Prism官网http://prismjs.com/blog