如果你只是关注ppt内容

如果你只是罗列一些东西

我觉得完全没有必要去是使用PowerPoint和keynote这些软件,使用markdown的语法简单便捷的生成html幻灯片是不是更符合你的需求呢。像上边这样⬆

你不需要关心过多的幻灯片切换和动画效果,只需要专注内容

markdown + Pandoc 打造WEB PPT

准备工作

Pandoc

  • 安装Pandoc
  • mac 系统下可使用homebrew brew install pandoc

书写工作

  • 使用Pandoc可以进行各种转换

此处使用markdown

  • 三个百分号分别是

    • 标题

    • 作者

    • 日期

  % Nonsense Stuff 
  % 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
  

定义样式

框架支持


reveal.js的使用

  • 首先需要从GitHub上获取https://github.com/hakimel/reveal.js,将reveal.js同名的文件夹放在幻灯片所在目录下即可:

  • git clone https://github.com/hakimel/reveal.js
    
  • 渲染幻灯片

    pandoc slides.md -o slides.html -t revealjs -s
    

  • 主题选择

    • default:(默认)深灰色背景,白色文字

    • beige:米色背景,深色文字

    • sky:天蓝色背景,白色细文字

    • night:黑色背景,白色粗文字

    • serif:浅色背景,灰色衬线文字

    • simple:白色背景,黑色文字

    • solarized:奶油色背景,深青色文字

      $ pandoc slides.md -o slides.html -t revealjs -s -V theme=beige
      

规则

  • ———————————— 用于强制生成新页

  • 生成幻灯片时加入-i选项,用于控制列表的显示效果(逐条渐入)。

    $ pandoc slides.md -o slides.html -t slidy -s -i
    
  • 代码高亮风格控制代码高亮风格的选项有:

    • --highlight-style pygments
    • --highlight-style kate
    • --highlight-style monochrome
    • --highlight-style espresso
    • --highlight-style haddock
    • --highlight-style tango
    • --highlight-style zenburn(比较喜欢这个,搭配黑色背景)

最后我将生成的html幻灯片放到了本篇博客顶部