Ghost 添加代码高亮插件

prismjs代码高亮插件的使用。

Ghost 添加代码高亮插件

使用了官方推荐的插件prismjs,一个轻量级并且简单易用的 JavaScript 类库。

在控制台页面打开code injection,然后在开头和结尾加入代码。

头部:

<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/themes/prism.min.css" rel="stylesheet" />  

尾部:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-bash.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-c.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-markup.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/components/prism-cpp.min.js"></script>

ghost使用的是markdown编辑器,使用时只需要在```之后加入所使用的语言,例如上面的代码段开头使用的是```markup,而不是markdown默认的```

根据自己需要,将href标签目标中版本号改成所需要的版本,以及在尾部扩展/删除所需要的语言。

比如上方的代码,我是用的是1.15.0版本,尾部的代码表示加入了bash、c、markup、c++的代码高亮。

最后,寻找语言支持可以参考官网 的Supported languages部分,然后在Prism cdn 上寻找所需语言的url,加入代码块。

20180720131808