Example Presentation
142 |Type T to begin the slide show.
143 | 144 |Org-HTML-Slideshow
146 |148 | Make slides from Emacs Org-Mode! 149 |
150 |Making Slides
154 |
156 | Org-Mode headlines with the :slide:
tag will become slides.
157 |
Headlines Don't Have to be Slides
162 |
164 | This section doesn't have a :slide:
tag, so it will not become a slide, although it is still part of the exported HTML document.
165 |
Use Lists For Bullets
170 |-
172 |
- Use Org-Mode lists for bullet points 173 | 174 |
- You can make nested bullet lists
175 |
-
176 |
- With sub-lists 177 | 178 |
- Like this 179 | 180 |
182 |
Or Low-Level Headings
187 |- By default
- Org-Mode headings below level 3
- Become bullets
- Meaning they cannot be slides
- Become bullets
192 |
193 | - Org-Mode headings below level 3
- This is configurable
194 |
Slides Can Be Nested
198 |200 | You can use the structure of the Org-Mode document to group your slides. 201 |
202 | 203 |204 | For example, this slide is a level-2 Org-Mode heading. 205 |
206 |Slide Headings Can Be Nested
210 |212 | This slide is a level-3 Org-Mode heading, inside the previous one. 213 |
214 |Presenter Notes
220 |-
222 |
- Slides can have presenter notes 223 | 224 |
- Add a sub-heading with the
:notes:
tag 225 |
226 |
A Slide with Notes
231 |-
233 |
- This slide has notes 234 | 235 |
- Notes are only visible to presenter 236 | 237 |
Notes notes
242 |-
244 |
- Presenter notes for this slide 245 | 246 |
- Not displayed as part of the slide 247 | 248 |
- Displayed in Presenter Preview window 249 | 250 |
- Only one
:notes:
section per slide allowed 251 |
252 |
Source Code
259 |
261 | Use begin_src/end_src
blocks to include source code.
262 |
(defn example [] 267 | (println "This is sample source code.")) 268 |269 |
Syntax Highlighting
274 |-
276 |
- Org-Mode HTML export uses htmlize.el 277 | 278 |
- Code in exported HTML will match your current Emacs theme
279 |
-
280 |
- Choose a theme that looks good on a projector! 281 | 282 |
284 |
Syntax Highlighting with CSS Classes
289 |-
291 |
- Set the Emacs variable
292 |
-
293 |
org-export-htmlize-output-type
294 |
295 | - to the symbol
css
296 |
297 | - (Does not work as a buffer-local variable) 298 | 299 |
301 | - Htmlize.el will add SPAN tags with CSS classes
302 |
-
303 |
- Named for each font face, e.g.
org-comment
304 |
305 |
307 | - Named for each font face, e.g.
- Examine HTML output to see class names 308 | 309 |
- Add CSS styles to set colors 310 | 311 |
Images
317 |-
319 |
- Slides can contain images
320 |
-
321 |
- Any file type a browser can display 322 | 323 |
325 | - See also these Emacs variables:
326 |
-
327 |
org-export-html-inline-images
328 |
329 | org-export-html-inline-image-extensions
330 |-
331 |
- Controls which file types get exported 332 | 333 |
335 |
337 | - See Images in HTML Export in the Org-Mode manual. 338 | 339 |
Slide with Image
344 |
346 | Make a file:
link with the path to the image and no link text.
347 |
355 | This example image is public-domain clip art by Josiah / yoderj. 356 |
357 |Styling
362 |-
364 |
- Use CSS styles to control appearance of slides 365 | 366 |
- Extra tags on a slide become extra CSS classes on its HTML 367 | 368 |
Org-Mode Tag as CSS Class blue_background
373 |-
375 |
- This slide has the
:blue_background:
tag 376 |-
377 |
- Which is a class defined in
projection.css
378 |
379 |
381 | - Which is a class defined in
- Make up your own tags
382 |
-
383 |
- Add them to the CSS file 384 | 385 |
387 |
Placing Stylesheets/JavaScript
393 |395 | Include the stylesheets and JavaScript at the bottom of your Org-Mode file. 396 |
397 | 398 |399 | They must go at the bottom because the Google Closure Library does not support an on-DOM-ready event. See the Closure mailing list discussion for an explanation. 400 |
401 |Warning About Hidden Headlines
405 |407 | Stylesheets and JavaScript will not be loaded if the last headline in your Org-Mode file is hidden by any of: 408 |
409 | 410 |-
411 |
COMMENT
at the start of the heading 412 |
413 | #+COMMENT
at the start of the line 414 |
415 | :noexport:
tag, or missing:export:
tag 416 |
417 |
420 | See Comment lines and Selective export in the Org-Mode manual for details. 421 |
422 |The End
426 |428 | Sometimes it's safest to add an "empty" heading at the end of your document to make sure the stylesheets and JavaScript are included. 429 |
430 | 431 | 432 |