使用highlightjs做代码高亮 –

前言后语久伴之前发布过插件版本,但是久伴觉得一个代码高亮没必要使用插件 效果图 教程 去官方选择https://highlightjs.org/风格下载css样式和js,最好本地化 引用以下代码 &l…

前言后语

久伴之前发布过插件版本,但是久伴觉得一个代码高亮没必要使用插件

效果图

教程

去官方选择https://highlightjs.org/风格下载css样式和js,最好本地化
引用以下代码

<link rel="stylesheet"      href="vs2015.css"><script src="highlight.min.js"></script>

注意路径,你想使用什么风格就在引用的css那里更换名字,例如vs2015.css换成java.css
然后使用

<pre><code class="html">这里就是要显示高亮的代码</code></pre>

如果你是html语言想要高亮显示就在class类那里填写html如果你是java就填写java以此类推
如果想让代码自动高亮需要在引用的js和css下面加一段代码

<script>hljs.initHighlightingOnLoad();</script>