用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：讓書寫更美好》