Xaringan演示中R Markdown代码块添加灰色背景与高亮方法咨询

方法1：直接嵌套反引号展示代码块 #

你当前用cat输出纯文本的方式无法被Xaringan识别为markdown代码块，自然没有样式和高亮。最简单的方式是直接用多层反引号嵌套你要展示的代码块，外层反引号数量多于内层即可：

```{r, echo = TRUE, eval=TRUE, out.width = '50%', fig.align = 'center'}
url <- 'https://media.springernature.com/full/springer-static/image/art:10.1186%2Fs13059-020-02088-y/MediaObjects/13059_2020_2088_Fig1_HTML.png'
knitr::include_graphics(url) 
```

直接将上述内容写入Rmd文件，knit后自动生成带灰色背景、语法高亮的代码块。

方法2：动态生成代码块 #

如果必须通过R代码动态输出展示用的代码块，需要给外层代码块添加results='asis'参数，同时在cat输出的内容里指定代码块语言：

```{r echo=FALSE, results='asis', comment = NA} 
cat("```r
{r, echo = TRUE, eval=TRUE, out.width = '50%', fig.align = 'center'}

url <- 'https://media.springernature.com/full/springer-static/image/art:10.1186%2Fs13059-020-02088-y/MediaObjects/13059_2020_2088_Fig1_HTML.png'

knitr::include_graphics(url) 

")

自定义样式调整 #

如果默认的背景色、高亮效果不符合需求，可以在Rmd文件的任意位置添加自定义CSS片段调整：

<style>
/* 调整代码块背景、内边距、圆角 */
pre.remark-code {
  background-color: #f0f0f0 !important;
  padding: 12px !important;
  border-radius: 4px;
}
/* 调整代码行高亮样式 */
.remark-code-line-highlighted {
  background-color: #ffebcc !important;
}
</style>

内容的提问来源于stack exchange，提问作者geomicrobio