Ghost - Подсветка синтаксиса PrismJS не работает после обновления до Ghost 1.0

Я веду блог Ghost, размещенный на Ghost.io.

В настоящее время они запускают общесистемное обновление с 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 dev console - похоже, ошибок нет.

Какие-либо ведет?

1 ответ

Решение

Глядя на исходный код страницы, я обнаружил, что все мои блоки кода имеют похожие теги:

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

Языковая часть вызвала у меня некоторое подозрение.

TL; DR

Итак, очевидно, команда Ghost переключила редакторы уценки при обновлении до Ghost 1.x. Новый редактор автоматически добавляет префикс языка. Поэтому блоки кода должны выглядеть так:

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

Другие вопросы по тегам