Ghost 添加代码高亮插件
prismjs代码高亮插件的使用。
使用了官方推荐的插件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,加入代码块。