HTML5 JS Slide Library

GitHub - webpro/reveal-md

Update: 7 Mar 2017.

自带livereload.

$ npm install -g reveal-md
$ npm install debug
$ cd my_ppt
$ touch slide.md
$ reveal-md slides.md -w

s即可打开 speaker view.


1. generator-reveal

需要先安装 yoeman, grunt, bower.

$ npm install -g yo bower grunt-cli


// Install
$ npm install -g generator-reveal

// Generate Boilerplate
$ yo reveal

// Install dependencies
$ bower install

// If Everything works well
$ grunt serve

// Optional: Generate a new Slide
$ yo reveal:slide "Slide Title" --markdown

1.1 Align Left

<!-- .slide: style="text-align: left;"> --> 

Ref: https://github.com/hakimel/reveal.js/issues/890

1.2 One Md file rules all

<section data-markdown="slides/index.md"  
         data-separator="^\n---\n$"  
         data-separator-vertical="^\n--\n$"  
         data-separator-notes="^Note:"  
         data-charset="iso-8859-15">
</section>

Ref: https://github.com/hakimel/reveal.js#external-markdown

1.3 Image

![An image](images/an_image.jpg) <!-- .element height="50%" width="50%" -->

Ref: https://github.com/hakimel/reveal.js/issues/1349

1.4 Ref

Some techniques to transform PPTX slides to reveal.js slides;

2. Others

remarkjs

下载boilerplate HTML, 然后直接在 HTML 中写 markdown.

madoko-local

madoko的 local 版.

reveal.js

网页版. 同样是下载 boilerplate HTML, 然后写 markdown.

Show Comments