本文要介绍一个插件——Prism,有了它,你的文档中的代码将更好看。html
工做中,咱们会须要写一些说明文档,相似bootstrap、vue等的官方文档同样,咱们的文档也要不只实用,还要好看,通过使用,以为prism还不错。vue
使用也很简单,下载(能够定制须要的支持的语言)好以后,在页面中引入:bootstrap
好比要在文档中实现这样的效果:spa
咱们能够在html中这样写:插件
<pre class="language-html"> <code class="language-html"> <button type="button" class="btn btn-default btn-primary">按钮</button> </code> </pre>
惟一要注意的地方就是用<代替<,用>代替>。code
参考:htm
一、Prism官网http://prismjs.com/blog