使用Rstudio制作html5幻灯片

2016年01月11日

Rstudio中的R markdown提供了一个presentation模式,此模式没有实时预览功能,保存后必须编译才能在额外的浏览器窗口观看到显示效果。我这里介绍Rstudio直接提供的幻灯片模式,有变更后保存即可预览,更可在预览和源代码之间跳转。

下面是一份模版,注意可能目前不能支持中文字符,应该可以通过后期更改生成的html实现。

This is a R presentation template
========================================================
author: name
date: Jan 15th, 2016
autosize: true
transition: rotate
transition-speed: slow
font-import: http://fonts.googleapis.com/css?family=Risque
font-family: 'Risque'

<!---
各页之间通过`======`隔离,`======`之前为页标题
第一页默认为封面,可进行一些全局设置,如是否在预览中自适应大小autosize,过场动画transition(none/linear/rotate/fade/zoom/concave)及速度,字体等。
-->

First Slide
========================================================
type: section
id: slide1
width: 1440
height: 900

<!---
通过type设置各页类型,如section/sub-section/prompt/alert,具有不同样式。
通过id设置标签并在其他页通过标准markdown网页链接模式设置跳转。
更可设置页面宽高
-->
For more details on authoring R presentations please visit <https://support.rstudio.com/hc/en-us/articles/200486468>.

Second Slide
========================================================
incremental: true

<!---
通过incremental设置是否逐条显示此页中的内容
-->

0. Bullet 1
0. Bullet 2
0. Bullet 3

Third Slide
========================================================
source: example.R
source: example.R 30
source: example.R /here/
title: false
left: 70%

First column
***
Second column
<!---
通过source设置在浏览此页时打开一个文件并跳转到行或正则表达式处。
关闭标题。
双栏显示并设置左栏宽度比例。
-->

[Go to slide 1](#/slide1)

观察生成的html代码发现它实际上使用的是reveal.js库,可进一步更改css文件实现深度定制。