1

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

他们目前正在运行从 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 开发控制台 - 似乎没有错误。

有什么线索吗？

4

1 回答 1

3

查看页面源代码，我发现我所有的代码块都有相似的标签：

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

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

TL;博士

所以 - 显然，Ghost 团队在更新到 Ghost 1.x 时已经切换了降价编辑器。新编辑器会自动添加语言前缀。所以代码块应该是这样的：

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

以及生成的 HTML：

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

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

于 2017-09-07T14:02:15.743 回答