如何在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中更改語法突出顯示的主題和語言

回答

相關問題