搜索
❏ 站外平台:

Markdown+Pandoc→HTML幻灯片速成

| 2014-10-24 14:53   评论: 27 收藏: 7 分享: 17    

更多设置

幻灯片级别(Slide level)

在前文的例子里看到,

# In the morning

## Getting up

- Turn off alarm
- Get out of bed

1级标题In the morning后面紧跟2级标题Getting up,而2级标题Getting up后面的内容是显示在幻灯片上的主体内容,因此这里的Slide level为2。这意味着每个2级标题生成一张幻灯片。高于2级的标题(1级标题)生成一张独立的仅包含标题的幻灯片,而低于2级的标题(3级标题)将存在于上一级标题的幻灯片中,不单独生成新的幻灯片。

可以使用--slide-level选项覆盖默认的Slide level。

在reveal.js模板下,由于幻灯片的滚动方向可以是二维的(键盘→←↑↓),所以1级标题渲染为水平方向的幻灯片,2级标题渲染为竖直方向的幻灯片。

“华丽丽的分割线”:

------------------

用来强制生成新的幻灯片。

渐进显示

生成幻灯片时加入-i选项,用于控制列表的显示效果(逐条渐入)。

$ pandoc slides.md -o slides.html -t slidy -s -i

两段文字显示之间的人为停顿,用如下分割线:

. . .

TeX公式

可以直接插入TeX公式:

$e^x =\sum_{n=0}^\infty\frac{x^n}{n!} =\lim_{n\rightarrow\infty} (1+x/n)^n$

MathML的渲染效果为:

ex=∑n=0∞xnn!=limn→∞(1+x/n)n

控制TeX公式渲染方式的选项有--mathml,--webtex,--mathjax和--latexmathml。(Chrome和Firefox均支持MathML)

代码高亮风格

控制代码高亮风格的选项有:

  • --highlight-style pygments
  • --highlight-style kate
  • --highlight-style monochrome
  • --highlight-style espresso
  • --highlight-style haddock
  • --highlight-style tango
  • --highlight-style zenburn

自定义CSS

你当然可以通过修改相应模板文件夹下的CSS来实现自定义外观,不过也可以使用--css指定任何现成的CSS文件。

提示板

首先,提示板的功能仅适用于reveal.js。

其次,由于浏览器的本地安全策略,需使用该功能的幻灯片必须在HTTP服务器上运行。

在Markdown中插入标签<div class="notes">的小抄:

<span class="nt"><div</span> <span class="na">class=</span><span class="s">"notes"</span><span class="nt">></span>
This is my note.

- It can contain markdown
- like this list

<span class="nt"></div></span>

使用键盘s键打开提示板。当然,这个提示板是用来给演讲者自己看的,是不用mirror到外接投影仪的。


返回顶部

分享到微信

打开微信,点击顶部的“╋”,
使用“扫一扫”将网页分享至微信。