首页 > 解决方案 > R Markdown 中的预定义 CSS 属性

问题描述

是否有可以在 R Markdown 文档中使用的预定义 CSS 属性的完整列表?

R Markdown/R Studio/Bookdown 文档中列出了一些选项,但我很确定这不是一个详尽的列表。

例如

HTML
.tabset
.tabset-fade
.tabset-pills

ioslides
.smaller
数据背景
数据背景大小

标签: rrstudior-markdown

解决方案


您可以按照从函数到基本模板和支持组件的路径:

https://github.com/rstudio/rmarkdown/blob/0ff85d8db1c1b75386cc752062f6016884709139/R/html_document.R#L265 => https://github.com/rstudio/rmarkdown/blob/0ff85d8db1c1b75386cc752062f6016884709139/inst/ => https://github.com/rstudio/rmarkdown/tree/ec8fd0fe0cb82d1a2a0160c8e728486ca45c9891/inst/rmd/h

这可能会令人沮丧(尽管值得研究​​幕后的魔法),因为其中没有包含这些定义的 CSS 文件。

另一种方法是使用如下参数创建一个测试 HTML R Markdown 文档:

output: 
  html_document:
    self_contained: false
    keep_md: true

并在浏览器的开发人员工具中检查目标元素:

在此处输入图像描述

仔细看看会告诉你 RStudiotians 依赖引导程序来实现底层样式(我故意没有将鼠标光标放在<div>元素上,所以你会探索它并看到它仍然依赖于引导程序)。

不久前,我一起浏览了一组示例 R Markdown 模板,这样人们就可以看到香肠是如何制作的并制作自己的模板。它(https://gitlab.com/hrbrmstr/markdowntemplates)可能很方便查看转换过程中所有位的来源。

R Markdownioslides文档类型的 CSS 在这里:https ://github.com/rstudio/rmarkdown/tree/master/inst/rmd/ioslides/ioslides-13.5.1/theme/css


推荐阅读