用Markdown写一个极客范儿的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:      取消显示前后幻灯片预览,只显示当前幻灯片
    

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

参考链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # Python 资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列...
    aimaile阅读 26,563评论 6 427
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,223评论 4 61
  • GitHub 上有一个 Awesome - XXX 系列的资源整理,资源非常丰富,涉及面非常广。awesome-p...
    若与阅读 18,724评论 4 418
  • 一直在路上 美丽的景 没有我想象的那么累 时间也过的很快 好像随着年纪大了 我的承受能力增加了 很多东西去尝试后 ...
    wuli元芳阅读 213评论 0 0
  • 电影《I’m here》讲述的是一对恋人在一场撒娇般的冷战之中回忆过去甜蜜的故事。就故事本身而言,是一段没什么波澜...
    苏小东很作阅读 5,523评论 3 6