Ghost添加代码高亮

参考的这篇文章:Add code highlighting to your Ghost blog.

使用的是Prism代码高亮库,使用很简单,只要在你的网页中引入prism.css和Prism.js即可。

使用方法如下:

 ```language-markup
 <h1>Hello World!</h1>
 ```

效果如下:

<h1>Hello World!</h1>  

Prism代码不会自动换行,如果你要自动换行的话,可以添加如下CSS代码:

code {  
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* IE 5.5+ */
}