前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用pandoc和reveal.js制作html演示文稿

使用pandoc和reveal.js制作html演示文稿

作者头像
fanzhh
发布2019-08-20 11:33:33
1.9K0
发布2019-08-20 11:33:33
举报

在一个近期的项目中,需要制作一系列演示文稿。我习惯用github管理项目,演示文稿如果使用常见的ppt格式,这个文件只有下载后打开才能看到内容。如果能使用markdown书写,再转换成可以浏览器播放的演示文稿就方便了,既便于内容的查看与编辑,又摆脱了臃肿的office软件。解决方案是使用markdown语言书写,再使用pandoc转换为reveal.js播放的文稿。

pandoc是文档格式转换的神器,几乎能转换你所知道的任何文档格式。reveal.js是使用html播放演示文稿的js框架库。

假设我们已经有下面的markdown文件,需要转为演示文档:

代码语言:javascript
复制
% Habits
% John Doe
% March 22, 2005

# In the morning

## Getting up

- Turn off alarm
- Get out of bed

## Breakfast

- Eat eggs
- Drink coffee

# In the evening

## Dinner

- Eat spaghetti
- Drink wine

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

![picture of spaghetti](images/spaghetti.jpg)

## Going to sleep

- Get in bed
- Count sheep

我们首先需要下载安装pandoc,这个页面可以下载安装包。如果你是windows系统,安装后还需要将pandoc路径增加到环境变量中。然后我们在这个页面下载reveal.js,解压后目录名称由reveal.js-master修改为reveal.js并放置于上面的markdown相同目录下。

下面在命令行模式下运行:

代码语言:javascript
复制
pandoc -t revealjs -s demo.txt -o demo.html

这里的参数-t告诉pandoc转换的目标格式为reveal.js,-s指明源文件为demo.txt,-o指明输出文件为demo.html。

如果reveal.js所在目录与markdown文件不同,可以通过参数 -V revealjs-url指定。如以下参数指定使用官方网站url:

代码语言:javascript
复制
... -V revealjs-url=https://revealjs.com ...

运行命令后,我们发现目录下生成了名为demo.html的文件,使用浏览器打开:

demo.html

刚才生成的网页使用的是默认theme,可选的themes有以下几种:

  • beige
  • black
  • blood
  • league
  • moon
  • night
  • serif
  • simple
  • sky
  • solarized
  • white

可以使用以下参数指定theme:

代码语言:javascript
复制
... -V theme=$theme ...
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.04.05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档