用 highlight.js 为文章中的代码添加语法高亮

对于包含有代码的文章，对代码块进行语法高亮是必须的刚需了，这里推荐一个开源的项目：highlightjs ，使用方法如下：

1. 在html的head部分加上css 与 js，以submine主题的css为例：

   <link rel="stylesheet" href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css">
   <script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>

   第一个文件是样式文件，我们采用 sublime 编辑器类似的样式；第二个文件是 highlight.js 的核心文件，就是它解析代码的。

   当然为了尽快让整个页面渲染出来，可以将js文件放在html的最后。

2. 执行渲染代码

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

   此渲染代码应该放在上面的js文件之后

3. 至此代码高亮的代码就准备好了。 initHighlightingOnLoad 方法会自动查找html中的<pre><code>节，然后对其进行高亮处理。如果直接写html，则需要将代码块包含在<pre><code>中，如果是用markdown编写文章，则用```包起来就好，示例如下：

   html:

   <pre>
       <code>
       //this is code block
       function helloworld(){
           //
       }
       </code>
   </pre>

   markdown:

   ```
   //this is code block
   function helloworld(){
       //
   }
   ```