【问题标题】:Ghost - PrismJS syntax highlighting not working after updating to Ghost 1.0Ghost - 更新到 Ghost 1.0 后,PrismJS 语法高亮不工作
【发布时间】:2017-09-07 13:50:50
【问题描述】:

我正在运行一个托管在 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 开发控制台 - 似乎没有错误。

有什么线索吗?

【问题讨论】:

    标签: ghost-blog ghost prismjs


    【解决方案1】:

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

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

    language-language 部分让我有点怀疑。

    TL;DR

    所以 - 显然 Ghost 团队在更新到 Ghost 1.x 时有 switched markdown editors。新编辑器会自动添加 language- 前缀。所以代码块应该是这样的:

    ```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/

    【讨论】:

    • 您是否有大量帖子需要更改。因为我已经导入了一百多个,我正在考虑数据库更新或删除并重新导入所有(首先清理语言-)
    • 这是个好问题。我建议为此问题打开一个新的 SO 问题。我的帖子数量很少,可以手动完成。我希望更大的计数需要自动的东西。
    • 我会测试两种方式。第一个 DB,然后是另一个。并且会看看我的情况是最好的。
    猜你喜欢
    • 1970-01-01
    • 2016-11-09
    • 2016-11-06
    • 1970-01-01
    • 2019-01-27
    • 1970-01-01
    • 2019-07-23
    • 2019-07-11
    • 2018-11-07
    相关资源
    最近更新 更多