博客代码高亮highlight.js代码高亮插件的使用

    程序员在写经验博客时，经常会用到代码展示。而不同颜色的代码，可以让代码看起来更直观，也更美观。最近，在开发blog时就需要代码展示功能，在网上找了好多，最后选择了highlight.js插件。

    首先，我们先下载一个highlight的js文件。

        官网：https://highlightjs.org/ 

        官网demo：https://highlightjs.org/static/demo/

    其次，将下载下来的插件压缩包解压，将下面的文件引入html头文件中：

<!--代码高亮插件，需要引入Jquery-->
<link rel="stylesheet" type="text/css" href="./highlight/atelier-estuary-light.css"/>
<script src="./highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

    其中atelier-estuary-light.css为插件的样式文件可以更改（在官网选择自己喜欢的样式并将其引入项目中），highlight.pack.js为插件主要执行脚本，hljs.initHighlightingOnLoad()为启动插件。

    最后将需要引入代码放在，如下标签内：

<pre><code>代码内容</code></pre>

参考：https://www.cnblogs.com/xishuai/p/highlight-js.html