代码语法高亮插件highlight.js

（一）highlight.js主要特点如下：

176种语言和79种风格；

自动语言检测多语言；

代码突出显示；

可用于node.js；与任何标记一起使用；

兼容任何js框架；

（二）在你的网站中使用highlight.js非常简单哦，只要引入对应的css和js,下面来作详细的说明：

1）需要引入相关的文件，并调用initHighlightingOnLoad方法：

<linkrel="stylesheet"href="/path/to/styles/default.css">
<scriptsrc="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

2)引入了上面的文件之后， highlight.js将在HTML中找到<pre><code>标签，根据class识别语言的，并将它之间的代码高亮:

<pre><codeclass="html">HTML内容</code></pre>
<pre><codeclass="java">java内容</code></pre>
<pre><codeclass="python">python内容</code></pre>

如果你不想让<pre><code>标签之间的内容语法高亮，可以加上nohighlight属性：

<pre><codeclass="nohighlight">内容</code></pre>

３）定制

当您需要更多地控制highlight.js的初始化时，可以使用highlightBlock并配置函数。

４）下面举一个对sql语句高亮的列子：默认背景，可以自行选择不同的css文件替换

更多操作见：https://highlightjs.org/