幽灵 - Prismjs语法突出显示在更新为Ghost 1.0之后无法使用



我正在运行一个托管在ghost.io的幽灵博客。

他们当前正在运行从幽灵0.11到鬼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 Dev Console-似乎没有错误。

有任何线索?

查看页面源,我发现我所有的代码块都具有相似的标签:

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

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

TL; DR

so-显然,幽灵团队在更新为Ghost 1.X时切换了Markdown编辑器。新编辑器会自动添加语言 - 前缀。因此,代码块应该看起来像这样:

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

和结果的html:

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

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

相关内容

最新更新