1

我正在使用blogdownRStudio 中的@Yihui Xie 包编写我的新博客,但无法弄清楚

如何更改代码块的默认配色方案?

我的blogdown安装使用了cactus-plus模板,并且开箱即用,它使用难以看到的调色板呈现代码(至少对我而言): 在此处输入图像描述

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

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

output:
  html_document:
    theme: united
    highlight: tango

但是对于雨果主题和博客,我不确定在哪里以及如何进行这些更改。

4

2 回答 2

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 的说明:将以下代码添加到foot_custom.html/layouts/ 目录下。.

<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。

此处的其他资源

于 2018-01-10T22:18:53.450 回答
1

这是一篇旧帖子,但如果需要答案,这里有一个。

最简单的解决方案是进入您的 config.toml 文件并更改引用的所需主题: highlightjsTheme = "yourdesiredtheme"

有关合适选项的列表,请查看此链接:https ://highlightjs.org/static/demo/

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

于 2018-07-25T06:07:28.593 回答