Question

我使用的是TiddlyWiki版本5.1.13。我添加了突出显示插件（版本5.1.13），它使用highlight.js（版本8.8.0）。

在tiddler中，我成功地突出显示了这样的XML：

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

如何将高亮样式/主题更改为highlight.js各种样式之一？（Highlight.js styles）

Answer 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">

Answer 2

以下是指向样式目录的网址 highlight.js repo。

我发现定位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附带的默认主题。

Answer 3

下面的MadPhysicist回答并不正确。我使用的是highlight.js 10.3.1版本，css样式仅在cdnjs的.min中可用。因此，您必须放置pick-theme-name-here.min.css而不是pick-theme-name-here.js

Ex：

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

=>可用

TiddlyWiki5和highlight.js - 如何更改语法高亮的样式/主题？

3 个答案: