向RMarkdown html文档添加自定义CSS标记
我有一个RMarkdown文档输出到HTML,格式与下面的示例相同。我应该在哪里添加什么,以便将唯一的CSS ID或类应用于每个绘图输出向RMarkdown html文档添加自定义CSS标记,css,r,rstudio,knitr,r-markdown,Css,R,Rstudio,Knitr,R Markdown,我有一个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=F
---
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)
```
---
标题:“RMarkdown”
作者:“我”
日期:“2015年3月27日星期五”
输出:
html_文件:
主题:空
css:style.css
---
```{r plot1,echo=FALSE,warning=FALSE,message=FALSE}
图书馆(GG2)
x使用开发者工具选项在浏览器中打开生成的HTML,并查看生成的HTML。然后将样式应用于适当的标记/类。例如,将以下内容放入style.css
,编织文件,您应该会在绘图上看到一个红色边框:
img {
background-color: red;
padding: 2px;
border: 1px solid red;
border-radius: 3px;
margin: 0 5px;
max-width: 100%;
}
您可以使用results=“asis”
告诉knitr(在引擎盖下使用)将块的输出直接嵌入html。在区块中,您可以使用cat
简单地编写一个样式标记,包括css定义:
```{r results="asis"}
cat("
<style>
h1 {
color: red;
}
</style>
")
```
`{r results=“asis”}
猫(“
h1{
颜色:红色;
}
")
```
有关详细信息,请参阅。以下是在RMarkdown中实现自定义css的一些其他方法
- 在RMarkdown的常规正文(即不在R代码区域)中的
和
标记之间添加css,如下所示:
.pad{
填充顶部:200px;
}
#此标题将被填充{.pad}
- 另一个选项是在同一目录中的单独文件(样式表)中创建和存储样式
- 或者css可以通过R代码生成和应用(很好的例子)
我知道我可以更改生成的html文件,但我希望有一个编程解决方案,可以避免按照您的建议手动应用标记。我还想单独设置绘图样式,但访问标记不允许我这样做。这是一个好问题,你找到解决方案了吗?我没有,但你可以采用一些变通方法。每个代码块在p
标记中呈现,每个绘图在这些段落内的img
标记中呈现。因此,您可以使用cssp:n类型(1)img{enter css here…}
访问第一个,使用cssp:n类型(2)img{enter css here…}
访问第二个。希望这有帮助!对我有用。谢谢非常适合自给自足=正确。
<style>
.pad {
padding-top: 200px;
}
</style>
# This heading will be padded {.pad}