技术类网站，大部分文章都会有代码，比如html，js，java，shell等等，如果直接在页面中显示，会非常丑陋，而且很不直观，如以下这段css代码
当使用了highlightjs后，就变成了这样，是不是漂亮很多，友好了很多？这是vs2015的黑色主题，当然有很多主题可使用，也可以使用明亮的主题。
这里是官方的下载地址，下载解压后会有以下几个文件，我此时使用的是版本是10.7.1。
使用起来非常简单，只需要在页头，引入highlight.pack.js，和styles文件夹里面的样式即可，styles文件里面有很多样式可以选，我这里使用的是vs2015。最后还要初始化一下。
<head>
<meta charset="utf-8" />
<link rel="stylesheet"
href="/styles/vs2015.min.css">
<script src="highlight.pack.js"></script>
<script>
hljs.initHighlightingOnLoad();</script>
</head>点击这里可以在线体验一下不同样式的风格，更加方便，如下图
然后就能使用了，html页面里，代码如下，其中<code>标签里的class，就是你代码块的语言，可以是javascript，html，css，c#等等，官方支持191种语言
<pre><code class="css">
这里是你的代码，注意必须是转义后的html代码
</code></pre>例如这样：
<pre>
<code class="css">
color:red
</code>
</pre>
<pre>
<code class="Csharp ">
public class ApiController : ControllerBase
{
}
</code>
</pre>
<pre>
<code class="Nginx">
# HTTPS server
#
#server {
# location / {
# root html;
# index index.html index.htm;
# }
#}
</code>
</pre>
<pre>
<code class="javascript">
console.log('ok')
</code>
</pre>
<pre>
<code class="PowerShell">
vim/etc/yum.repos.d/mongodb-org-3.4.repo#添加以下内容：
[mongodb-org-3.4]
</code>
</pre>当然大部分网站都是由富文本来发布内容的，很少直接把html代码写在静态页里，这个就要根据不同的富文本编辑来不同设置了，这里用的是wang编辑器，可以参考这里配置