Ghost - PrismJS语法突出显示在更新到Ghost 1.0后无效

时间:2017-09-07 13:50:51

标签: ghost-blog ghost prismjs

我正在运行Ghost.io上托管的Ghost博客。

They're currently running a system-wide update从Ghost 0.11到Ghost 1.0。

更新很顺利,但我已经失去了PrismJS语法。所有代码块都具有相同的外观 - 黑色和乳白色。

我的default.hbs似乎设置正确:

{{!-- Styles'n'Scripts --}}
...
<link rel="stylesheet" type="text/css" href="{{asset "css/prism.css"}}" />

...
<script type="text/javascript" src="{{asset "js/prism.js"}}"></script> --}}
...
</body>

我没有改变我标记代码块的方式:

```language-java
import com.package.test;
```

我看过Chrome开发者控制台 - 似乎没有错误。

任何线索?

1 个答案:

答案 0 :(得分:3)

查看页面源我发现我的所有代码块都有类似的标记:

<pre class=" language-language"><code class="-java language-language">

语言语言部分让我有点怀疑。

TL; DR

所以 - 当更新到Ghost 1.x时,显然Ghost团队有switched markdown editors。新编辑器会自动添加语言 - 前缀。所以代码块应如下所示:

```java
import com.package.test;
```

结果HTML:

<pre class=" language-java"><code class=" language-java">

更多信息:https://www.devsbedevin.com/sytnax-highliting-with-prismjs-on-ghost-1-0/