) background-size: cover class: center, bottom, inverse ### 唔，remark.js，朕很满意！ --- class: inverse, middle, center # xaringan 包的使用 --- # xaringan **xaringan** 包提供了一个 R Markdown 输出格式 `xaringan::moon_reader`，你可以在 R Markdown 文档的元数据中使用它，例： ```yaml --- title: "啧啧啧，厉害啊" author: "张三" date: "2016年12月12日" output: xaringan::moon_reader nature: autoplay: 30000 highlightStyle: github --- ``` 欲知所有可能的选项，参见 R 帮助文档 `?xaringan::moon_reader`。 --- # remark.js 与 xaringan 的区别 remark.js （左）与 **xaringan** （右）： .pull-left[ 1. 需要一个 HTML 容器文件； 1. 只能用 Markdown； 1. 若想自动播放幻灯片需要写 JavaScript； 1. 需手工配置 MathJax； 1. 用 `*` 高亮一行代码； 1. 编辑 Markdown 之后需要刷新浏览器看结果； ] .pull-right[ 1. 用 R Markdown 文档生成幻灯片； 1. Markdown 里可以嵌入 R 代码； 1. 可用 `autoplay` 选项自动播放； 1. MathJax 无需特别配置；<sup>*</sup> 1. 用 `{{}}` 高亮一行代码; 1. 用 RStudio 插件“Infinite Moon Reader”自动预览幻灯片； ] .footnote[[*] 下一页有数学公式例子。] --- # 数学公式数学公式用 LaTeX 语法写在一对美元符号中间，例如 $\alpha+\beta$ 会生成 $\alpha+\beta$。若要将公式单独显示为一个段落，可以用一对双重美元符号： ``` $$\bar{X}=\frac{1}{n}\sum_{i=1}^nX_i$$ ``` $$\bar{X}=\frac{1}{n}\sum_{i=1}^nX_i$$ 局限性： 1. 公式的源代码只能写在一行上，不能换行；双重美元符号内的公式允许换行，但条件是起始标记 `$$` 必须在一行的最开头（前面不能有任何字符，后面必须跟一个不是空格的字符），结束标记 `$$` 必须在一行的最末尾（前面必须是一个非空格的字符，后面不能有任何字符）； 1. 起始美元符号后以及结束美元符号前不能有空格，否则不会被识别为公式； --- # R 代码 ```{r comment='#'} # 一个无聊的回归模型 fit = lm(dist ~ 1 + speed, data = cars) coef(summary(fit)) dojutsu = c('地爆天星', '天照', '加具土命', '神威', '須佐能乎', '無限月読') grep('天', dojutsu, value = TRUE) ``` --- # R 图形 ```{r cars, fig.height=3.5, dev='svg'} par(mar = c(4, 4, 1, .1)) plot(cars, pch = 19, col = 'darkgray', las = 1) abline(fit, lwd = 2) ``` --- # HTML 控件我没有仔细测试 [HTML 控件](https://htmlwidgets.org)，祝你好运。下一页上有两个例子，一个地图，一个表格，目测貌似可用。目前也不支持 Shiny 模式（即 `runtime: shiny`）。还是别把你的幻灯片搞辣么复杂吧。 --- ```{r out.width='100%', fig.height=6, eval=require('leaflet')} library(leaflet) leaflet() %>% addTiles() %>% setView(-93.65, 42.0285, zoom = 17) ``` --- ```{r eval=require('DT'), tidy=FALSE} DT::datatable( head(iris, 10), fillContainer = FALSE, options = list(pageLength = 8) ) ``` --- # 一些小技能 - “Infinite Moon Reader”插件默认情况下会锁住你的 R 进程，有它没你，有你没它。你可以设置一个选项，让它一边儿凉快去： ```r options(servr.daemon = TRUE) ``` 你可以把这个设置写在 `~/.Rprofile` 文件中，这样你将来所有 R 进程都不会被这个插件挡住去路。这事情背后的魔法在 [**servr**](https://github.com/yihui/servr) 包中。 -- - 别忘了玩一下 `yolo` 选项，如： ```yaml output: xaringan::moon_reader: yolo: 3 ``` 它会随机显示 Karl Broman 的照片；这里地方太小，写不下故事的来龙去脉。 --- # 一些小技能 - `nature` 下面的 `autoplay` 选项可以用来自动播放幻灯片，它的取值是毫秒，例如每 30 秒播放一张片子： ```yaml output: xaringan::moon_reader: nature: autoplay: 30000 ``` -- - `nature` 下面的 `countdown` 选项可以为每一页幻灯片添加一个（倒数）计时器，取值同样为毫秒，例如每一页片子都用 60 秒倒计时： ```yaml output: xaringan::moon_reader: nature: countdown: 60000 ``` --- # 一些小技能 - 选项 `highlightLines: true` 可以让以 `*` 开头或者双重大括号 `{{ }}` 里面的代码被高亮出来； ```yaml output: xaringan::moon_reader: nature: highlightLines: true ``` 下一页我们举两个栗子。 --- # 一些小技能 .pull-left[ 以 `*` 开头的代码： ```r if (TRUE) { ** message("敲黑板！划重点！") } ``` 输出： ```r if (TRUE) { * message("敲黑板！划重点！") } ``` 因为它不是合法的 R 代码，所以不能作为 R 代码段来写，只能用三个反引号直接跟 r（就知道你没听懂）。 ] .pull-right[ 用 `{{}}` 包裹的代码： `r ''````{r tidy=FALSE} if (TRUE) { *{{ message("敲黑板！划重点！") }} } ``` 输出： ```{r tidy=FALSE} if (TRUE) { {{ message("敲黑板！划重点！") }} } ``` 这是合法的 R 代码，所以你可以真的运行它。 ] --- # CSS（层叠样式表） `xaringan::moon_reader` 的所有选项中，最强的魔法在 `css` 选项上，它是自定义幻灯片样式的关键。如果你不懂 CSS 的话，我强烈建议你学习一些 CSS 的基础知识。对中文幻灯片，**xaringan** 包中的默认 CSS 文件在[这里](https://github.com/yihui/xaringan/blob/master/inst/rmarkdown/templates/xaringan_zh-CN/skeleton/zh-CN.css)，你可以在它的基础上改装，也可以直接定义全新的 CSS 样式。 --- # CSS（层叠样式表）举个栗子。比如你想将一段文字的颜色改为红色，你可以定义一个 CSS 类，如： ```css .red { color: #FF0000; } ``` 我们把这段代码保存在一个 CSS 文件中，如 `extra.css`（假设它跟你的 R Markdown 文件在同一文件夹下），然后通过 `css` 选项将它引入： ```yaml output: xaringan::moon_reader: css: ["zh-CN.css", "extra.css"] ``` 其中 `zh-CN.css` 是本包已经为你提供的 CSS 样式文件（你可选择用或不用）。现在在 R Markdown 中你就可以用 `.red[]` 来标记一段文字为红色，如 `.red[我是红色的]`。 --- # CSS（层叠样式表）如果想在墙内用 Google 字体的话，可以试试这个 [google-webfonts-helper](https://google-webfonts-helper.herokuapp.com/fonts) 应用，它会把字体下载到本地并生成相应的 CSS 文件。也可以考虑 360 的 [CDN 服务](http://libs.useso.com)。可惜中文不像英文，没有很新奇酷炫的网络字体，只能靠你电脑上的字体硬撑了。 --- class: inverse, middle, center background-image: url(

Uh oh!

No Presentation Template Found After Installing #2

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions