专栏首页fanzhh的技术笔记使用pandoc和reveal.js制作html演示文稿

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

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

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

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

% 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相同目录下。

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

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:

... -V revealjs-url=https://revealjs.com ...

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

demo.html

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

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

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

... -V theme=$theme ...

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Next.js新手教程

    Next.js 是一个轻量级的 React 服务端渲染应用框架。本教程演示使用Next.js制作一个显示比特币汇率的网站。详细的Next.js信息请访问http...

    fanzhh
  • ubuntu升级新版本后屏幕空白问题

    因为手贱,ubuntu系统提示要不要升级到18.04的时候,选择了是,结果升级后再登录,屏幕空白,没有任何图标。因为升级导致显示不正常,在我已经至少3次了。然后...

    fanzhh
  • 100天机器学习实践之第7天

    KNN是非参数的(它不对底层数据分布做出任何假设),基于实例(我们的算法不会明确建立学习模型,相反,它选择记住训练实例)并使用在监督学习环境中。

    fanzhh
  • 研究人员利用机器学习算法检测医疗保险欺诈

    佛罗里达大西洋大学工程与计算机科学学院的研究人员发表了一项健康信息科学与系统的研究,该研究展示了机器学习和高级分析如何检测医疗保险欺诈检测。这一突破可能避免每年...

    AiTechYun
  • C语言(跳转语句中的流氓)

    从上面的代码看到goto的语法很简单,就是直接跳转到指定的标签处,所谓的标签(如例子中的label)指的是后面带一个冒号的标识符。

    用户2617681
  • Tomcat9安装配置、服务配置开机自启动以及启动窗口的中文乱码问题解决

    在安装配置 Tomcat9 之前,要先配好 jdk 。没有配 jdk 的朋友可以看这篇教程:

    bboy枫亭
  • Spark Checkpoint的运行原理和源码实现

    1、RDD.iterator 方法,它会先在缓存中查看数据 (内部会查看 Checkpoint 有没有相关数据),然后再从 CheckPoint 中查看数据

    大数据技术与架构
  • 官方golang包管理神器,值得一试!

    我们上次说过如何让一个项目在 Goland 编译器跑起来,但是要自己去下包,要花不少时间找包下包,是不是很麻烦?

    机智的程序员小熊
  • 【数据蒋堂】索引的本质是排序

    来源:润乾软件 作者:蒋步星 本文长度为2600字,建议阅读5分钟 本文为你分析索引清理背后的技术原理。 索引是经常用到的技术,但有些程序员对索引的原理了解不深...

    数据派THU
  • python:logging模块(记录打

    logging.basicConfig(**kwargs):创建默认处理器从而将调试消息写至文件,它接受一个字典

    py3study

扫码关注云+社区

领取腾讯云代金券