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

Den*_*nis 12 themes highlight tiddlywiki highlight.js tiddlywiki5

我正在使用 TiddlyWiki 5.1.13 版。我添加了使用 highlight.js(8.8.0 版)的 highlight 插件(5.1.13 版)。

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

```xml
  <html>
    <body>
    </body>
  </html>
```
Run Code Online (Sandbox Code Playgroud)

如何将高亮样式/主题更改为 highlight.js 各种样式之一?(Highlight.js 样式

Mad*_*ist 14

当您将 Highlight.js 添加到站点目录时,它包含一个名为 .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">


agm*_*984 6

以下是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">
Run Code Online (Sandbox Code Playgroud)

另外,郑重声明,Vs 2015 与 VS Code 的Dark+ (default dark)主题非常相似。这是 VS Code 附带的默认主题。