Question

我正在尝试在reveal.js中使用语法高亮显示，但我不想使用zenburn（默认），我想要突出显示用R编写的代码。我使用highlight.js来生成为R定制的CSS，但问题是highlight.js表示带有'hljs'的html中的代码，而reveal.js使用'pre code'。例如，highlight.js css看起来像：

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
  -webkit-text-size-adjust: none;
}

虽然reveal.js突出显示css看起来像：

pre code {
  display: block; padding: 0.5em;
  background: #3F3F3F;
  color: #DCDCDC;
}

可以显示生成语法高亮的备用主题，还是可以通过并更改所有选择器的解决方案？

Answer 1

您可能正在处理受此GitHub issue影响的过时版本的reveal.js。

在这种情况下（如果你无法升级），你将用最新的稳定版本替换内联的缩小版亮点（在plugin/highlight/highlight.js中）。

在所有其他情况下，只需将所需的higlight css文件（例如idea.css）添加到lib / css并替换index.html中的zenburn.css链接（例如<link rel="stylesheet" href="lib/css/idea.css">）

预计显示主题css中的.reveal pre code可能会干扰某些突出显示样式，因此如果不进行进一步修改，它们可能难以阅读或看起来很糟糕。

如何在reveal.js中更改语法高亮的主题和语言

1 个答案: