我正在运行一个托管在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/