分享一个代码高亮显示插件highlightjs使用案例

最近准备吧个人网站使用到的css框架简单的写一个文档，但是基础功能里面缺少了代码高亮显示。这里就只能自己重新百度搜索并且去使用插件了。我用的是 highlightjs，示例页面http://www.17sohu.com/html/yiqishou/203.html

下面是使用教程：

引用

1. <!--highlightjs代码高亮-->

2. <link rel="stylesheet" type="text/css" href="https://www.17sohu.com/static/js/default.min.css">

3. <script type="text/javascript" src="https://www.17sohu.com/static/js/highlight.min.js"></script>

4. <script>

5.    hljs.highlightAll();

6. </script>

引用的话其实有很多样式提供给您选择，您也可以选择atom-one-dark.min.css样式

1. <!--highlightjs代码高亮-->

2. <link rel="stylesheet" type="text/css" href="https://www.17sohu.com/static/js/atom-one-dark.min.css">

3. <script type="text/javascript" src="https://www.17sohu.com/static/jshighlight.min.js"></script>

4. <script>

5.    hljs.highlightAll();

6. </script>