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+ */
}