首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >TiddlyWiki5和highlight.js -如何改变语法突出显示的样式/主题?

TiddlyWiki5和highlight.js -如何改变语法突出显示的样式/主题?
EN

Stack Overflow用户
提问于 2017-04-20 18:31:41
回答 3查看 7.1K关注 0票数 13

我使用的是TiddlyWiki版本5.1.13。我已经添加了使用highlight.js (版本8.8.0)的highlight插件(版本5.1.13)。

在tiddler中,我成功地突出显示了XML,如下所示:

代码语言:javascript
复制
```xml

代码语言:javascript
复制
<body>
代码语言:javascript
复制
</body>

代码语言:javascript
复制

如何将突出显示样式/主题更改为highlight.js各种样式之一?(Highlight.js styles)

EN

回答 3

Stack Overflow用户

发布于 2017-09-23 22:54:29

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

票数 17
EN

Stack Overflow用户

发布于 2020-05-29 02:37:22

下面是highlight.js repo中样式目录的URL。

我发现找到Vs 2015主题的名称很有用,它不是vs-2015,而是vs2015

我正在从CDN导入样式:

代码语言:javascript
复制
<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附带的默认主题。

票数 4
EN

Stack Overflow用户

发布于 2020-10-29 21:55:00

疯狂物理学家下面的答案并不完全正确。我使用的是cdnjs10.3.1版本,样式highlight.js仅在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

提供=>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43517016

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档