TiddlyWiki5 и highlight.js - Как изменить стиль / тему подсветки синтаксиса?

Я использую TiddlyWiki версии 5.1.13. Я добавил плагин для подсветки (версия 5.1.13), который использует highlight.js (версия 8.8.0).

В тиддлере я успешно выделил XML следующим образом:

```xml
  <html>
    <body>
    </body>
  </html>
```

Как изменить стиль / тему выделения на один из различных стилей highlight.js? ( Стили Highlight.js)

Источник

1 ответ

Когда вы добавляете Highlight.js в каталог вашего сайта, он содержит каталог с именем styles, Внутри этого каталога у вас есть стили для всех тем, доступных в Highlight.js.

Чтобы переключиться на другую тему, просто переключите эту строку

<link rel="stylesheet" href="/path/to/styles/default.css">

что-то вроде этого:

<link rel="stylesheet" href="/path/to/styles/pick-theme-name-here.css">

Источник

Вот URL-адрес каталога стилей в репозитории highlight.js.

Я счел полезным найти имя Vs 2015 тема, которая не vs-2015 скорее vs2015.

Я импортирую стили из CDN:

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/default.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/vs2015.min.css">

Кроме того, для записи, Vs 2015 очень похож на VS Code. Dark+ (default dark)тема. Это тема по умолчанию, которая поставляется с VS Code.

Источник

Ответ безумного физика, приведенный ниже, не так верен, как может быть. Я использую версию highlight.js 10.3.1, а стиль css доступен только в.min на cdnjs. Поэтому вы должны указать pick-theme-name-here.min.css, а не pick-theme-name-here.js

Пример:

https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/solarized-light.css

=> 404

https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/solarized-light.min.css

=> доступно

Источник
Другие вопросы по тегам