用Markdown和Landslide来写PPT

之前写了一篇《Markdown：让书写更美好》来介绍Markdown的丰富工具链。今天为了给公司分享Markdown，实验了一把用Markdown来写PPT。本文介绍如何使用Landslide来制作一个极客范儿的PPT。

效果演示，Markdown源码

效果演示图：

使用步骤

Landslide是基于Google的html5slides的一个Slide生成工具，可以将markdown, ReST 或者 textile文件转化成HTML5的slide。该转化支持内联模式，即生成一个具有完整功能的HTML文件，将依赖的css等东西放入其中，很容易用来分享。

1. 安装：该工具是用python写成的，使用pip工具安装。

   $ pip install landslide

   也可以使用源码安装：

   $ git clone https://github.com/adamzap/landslide.git
   $ cd landslide
   $ python setup.py build
   $ sudo python setup.py install

2. 书写你的md文件，以下是官方提供的测试用例，可以生成这个页面，或者参考我的源码和这里的演示效果。

   
   # Landslide
   
   
   ---
   
   
   # Overview
   
   
   Generate HTML5 slideshows from markdown, ReST, or textile.
   
   ![python](http://i.imgur.com/bc2xk.png)
   
   Landslide is primarily written in Python, but it‘s themes use:
   
   - HTML5
   - Javascript
   - CSS
   
   ---
   
   
   # Code Sample
   
   
   Landslide supports code snippets
   
       !python
       def log(self, message, level=‘notice‘):
           if self.logger and not callable(self.logger):
               raise ValueError(u"Invalid logger set, must be a callable")
   
           if self.verbose and self.logger:
               self.logger(message, level)

3. 执行命令

   $ landslide file.md -i -o > name_you_like.html

   将markdown文本file.md转化成你的slide文件name_you_like.html。参数-i是为了将所有依赖文件（如css）整合到这一个文件中，让你能够简单的分享和移动该slide。-o参数是讲输出重定向到标准输出流，再用> file来指定保存的文件名，也可以不使用该参数生成默认文件名presentation.html。

4. 在浏览器中打开生成的HTML文件就可以看到你的PPT了，效果酷炫，还支持各种快捷键。以下列出了一些常用的：

   h:      展示帮助
   ← →:    上/下一张幻灯片
   ESC:    展示目录
   n:      显示当前是第几张幻灯片
   b:      屏幕全黑
   e:      使当前幻灯片最大化
   3:      展示伪3D效果
   c:      取消显示前后幻灯片预览，只显示当前幻灯片

   更多命令和功能请参考官网

参考链接

• landslide的github地址
• google的html5slides项目
• 安装和使用pip
• 我写的markdown简介源码
• 我写的markdown简介幻灯片成品
• landslide官方DEMO
• 《Markdown：让书写更美好》