将自定义CSS标记添加到RMarkdown html文档

Question

我有一个RMarkdown文档输出到HTML格式与下面的例子相同.我应该添加什么来为每个绘图输出应用唯一的CSS ID或类？

---
title: "RMarkdown"
author: "Me"
date: "Friday, March 27, 2015"
output:
  html_document:
    theme: null
    css: style.css
---

```{r plot1, echo=FALSE, warning=FALSE, message=FALSE}
library(ggplot2)
x <- ggplot(some_r_code)
print(x)
```

```{r plot2, echo=FALSE, warning=FALSE, message=FALSE}
y <- ggplot(some_more_r_code)
print(y)
```

我已经阅读了http://rmarkdown.rstudio.com/html_document_format.html上的信息页面,它找到了回答这个问题的方法,但没有让我在那里.我有一个类似的问题,在它的评论部分引用该页面中的材料,并希望得到答案.

谢谢!

Answer 1

您可以告诉knitr(在引擎盖下使用)results="asis"将块的输出直接嵌入到html中.在块中,您可以使用它cat来简单地编写包含css定义的样式标记:

```{r results="asis"}
cat("
<style>
h1 {
   color: red;
}
</style>
")
```

有关详细信息,请参见http://yihui.name/knitr/options/#chunk_options.

Answer 2

在具有开发人员工具选项的浏览器中打开生成的 HTML，并查看生成的 HTML。然后将样式应用到适当的标签/类。例如，将以下内容放入style.css，编织文件，您应该在绘图上看到红色边框：

img {
  background-color: red;
  padding: 2px;
  border: 1px solid red;
  border-radius: 3px;
  margin: 0 5px;
  max-width: 100%;
}