Marp Intro

Transcript

1. Marp Markdown presentation writer, powered by Electron Created by Yuki Hattori ( @yhatt )
2. Features Slides are written in Markdown. Cross­platform. Supports Windows, Mac, and Linux Live Preview with 3 modes Slide themes ( d e f a u l t , g a i a ) Supports emoji Export your slides to PDF
3. How to write slides? Split slides by horizontal ruler ­ ­ ­ . It's very simple. # S l i d e 1 f o o b a r ­ ­ ­ # S l i d e 2 f o o b a r Notice: Ruler ( < h r > ) is not displayed in Marp.
4. Directives Marp's Markdown has extended directives to affect slides. Insert HTML comment as below: < ! ­ ­ { d i r e c t i v e _ n a m e } : { v a l u e } ­ ­ > < ! ­ ­ { f i r s t _ d i r e c t i v e _ n a m e } : { v a l u e } { s e c o n d _ d i r e c t i v e _ n a m e } : { v a l u e } . . . ­ ­ >
5. Global Directives $ t h e m e Changes the theme of all the slides in the deck. You can also change from V i e w ­ > T h e m e menu. < ! ­ ­ $ t h e m e : g a i a ­ ­ > Theme name Value Directive Default default < ! ­ ­ $ t h e m e : d e f a u l t ­ ­ > Gaia gaia < ! ­ ­ $ t h e m e : g a i a ­ ­ >
6. $ w i d t h / $ h e i g h t Changes width and height of all the slides. You can use units: p x (default), c m , m m , i n , p t , and p c . < ! ­ ­ $ w i d t h : 1 2 i n ­ ­ > $ s i z e Changes slide size by presets. Presets: 4 : 3 , 1 6 : 9 , A 0 ­ A 8 , B 0 ­ B 8 and suffix of ­ p o r t r a i t . < ! ­ ­ $ s i z e : 1 6 : 9 ­ ­ >
7. Page Directives The page directive would apply to the current page and the following pages. You should insert it at the top to apply it to all slides. p a g e _ n u m b e r Set t r u e to show page number on slides. See lower right! < ! ­ ­ p a g e _ n u m b e r : t r u e ­ ­ > 7
8. t e m p l a t e Set to use template of theme. The t e m p l a t e directive just enables that using theme supports templates. < ! ­ ­ $ t h e m e : g a i a t e m p l a t e : i n v e r t ­ ­ > E x a m p l e : S e t " i n v e r t " t e m p l a t e o f G a i a t h e m e . 8
9. Pro Tips Page directive can be selectively applied to the current slide by prefixing the page directive with * . < ! ­ ­ * p a g e _ n u m b e r : f a l s e ­ ­ > < ! ­ ­ * t e m p l a t e : i n v e r t ­ ­ >
10. Enjoy writing slides! https://github.com/yhatt/marp Copyright © 2016 Yuki Hattori This software released under the MIT License. 10