美文网首页工具装备设计必须知道的事知曰
用Markdown写一个极客范儿的PPT

用Markdown写一个极客范儿的PPT

作者: 无关风月只关情 | 来源:发表于2015-01-23 22:41 被阅读19542次

    之前写了一篇《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:      取消显示前后幻灯片预览,只显示当前幻灯片
      

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

    参考链接

    相关文章

      网友评论

      本文标题:用Markdown写一个极客范儿的PPT

      本文链接:https://www.haomeiwen.com/subject/umzhxttx.html