16

我正在使用 TiddlyWiki 版本 5.1.13。我添加了使用 highlight.js（版本 8.8.0）的高亮插件（版本 5.1.13）。

在一个提琴手中，我成功地突出显示了这样的 XML：

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

如何将突出显示样式/主题更改为 highlight.js 各种样式之一？（Highlight.js 样式）

4

3 回答 3

20

当您将 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">

于 2017-09-23T14:54:29.257 回答
4

这是 highlight.js 存储库中样式目录的 URL 。

我发现找到主题的名称很有用，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">

Dark+ (default dark)此外，为了记录，Vs 2015 与 VS Code 的主题非常相似。这是 VS Code 附带的默认主题。

于 2020-05-28T18:37:21.613 回答
0

下面疯狂物理学家的回答并不正确。我正在使用 highlight.js 10.3.1 版本，样式 css 仅在 cdnjs 上的 .min 中可用。所以你必须放 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

=> 可用

于 2020-10-29T13:55:00.430 回答