在blogdown

Question

我正在使用RStudio中的@Yihui Xie blogdown软件包在我的新博客上工作，并且无法弄清楚

如何更改代码块的默认着色方案？

我的blogdown安装使用了cactus-plus模板并开箱即用，它使用难以看到的调色板呈现代码（至少对我而言）：

看起来像highlight: zenburn，但我不确定。

在常规的RMarkdownw文档中，我会将yaml中的html输出更改为：

output:
  html_document:
    theme: united
    highlight: tango

但是对于hugo主题和博客，我不确定在何处以及如何进行这些更改。

Answer 1

下面我概述了我是如何设法破解它的主题。 FWI我还处于学习阶段，所以我的方式可能不是最佳解决方案。

在主题目录中，转到/partials/head.html或header.html。添加以下html行，这将直接使用CDN资源，而无需下载自定义副本：

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/default.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script>

根据您要使用的样式替换default.min.css。我使用的是github风格。 或者，您也可以从highlight.js网站下载自定义副本，解压缩zip文件夹并将您选择的highlight.js和CSS样式复制到您网站下的相关目录中。

编辑： 更容易实现的是使用Yihui的指令： 将以下代码添加到/ layouts /目录下的foot_custom.html。

<script src="//cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script> <script src="//cdn.bootcss.com/highlight.js/9.12.0/languages/r.min.js"></script>

<script> hljs.configure({languages: []}); hljs.initHighlightingOnLoad(); </script>

最后一个代码确保highlight.js不会自动猜测语言。您可以在config.toml中手动设置   highlightjsVersion = "9.12.0" highlightjsCDN = "//cdn.bootcss.com" highlightjsLang = ["r", "yaml", "tex", "python"] highlightjsTheme = "github

在head_custom中，添加以下代码： <link href="//cdn.bootcss.com/highlight.js/9.12.0/styles/github.min.css" rel="stylesheet">

对于代码块自定义，请使用CSS。

其他资源here

Answer 2

这是旧文章，但是如果需要答案，这里是一个。

最简单的解决方案是进入config.toml文件并更改引号中所需的主题：highlightjsTheme =“ yourdesiredtheme”

有关合适选项的列表，请查看以下链接：https://highlightjs.org/static/demo/

我建议评估所有可能的样式之后，您已设置语言类别->科学->R。