如何在reveal.js中更改语法突出显示的主题和语言

我试图在reveal.js中使用突出显示的语法，但我不想使用zenburn（默认值），而且我想要突出显示在R中编写的代码。我使用highlight.js生成为R定制的css，但问题是highlight.js使用'hljs'表示html中的代码，而reveal.js使用'pre代码'。例如highlight.js CSS的样子：如何在reveal.js中更改语法突出显示的主题和语言

.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; 
}

能否透露生成语法高亮交替的主题，或者是要经过的解决方案和变化所有的选择器？

来源

2014-12-02 Erin Shellman

您可能正在使用受此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">）

预计.reveal pre code中揭示的主题CSS可能会干扰某些高光风格，因此如果没有进一步修改，它们可能很难阅读或看起来很糟糕。

来源

2015-01-22 17:00:23 Buffin

谢谢，我已经内联了信息并删除了链接。我还澄清说，目前的reveal.js版本不需要此解决方法。 – Buffin 2015-01-23 14:40:50

链接本身并不坏，但你必须以某种方式解答答案中的解决方案的核心，即使没有链接也是有用的。链接倾向于腐烂，当发生这种情况时，没有链接，你的回答将毫无价值。 – Teemu 2015-01-23 15:05:39

如何在reveal.js中更改语法突出显示的主题和语言

回答

相关问题