GitHub GIST Snippets




Introducing the GitHub GIST Delimiter

Basic slide delimiter syntax allows markdown content to be split into a series of slides. Special GIST delimiter syntax allows the loading of source code from any GitHub GIST onto your slide using the following delimiter options:

  • The gist delimiter takes a valid GitHub GIST identifier and
  • A lang option - providing a langugage hint for the source code
  • A file option - providing an optional named file within a multi-file GIST
  • A color option - providing an optional slide background color override


Simple GGD Slide Example

This PITCHME.md sample markdown snippet uses a groovy code language hint:


---?gist=onetapbeyond/8da53731fd54bab9d5c6&lang=groovy

@snap[north span-100]
#### GitHub GIST Delimiter
@snapend

Results in the rendering of the following slide:

CODE-GIST-SIMPLE

See the Monospaced Code Fonts Guide to learn how you can activate custom mono-spaced fonts optimized for rendering code on any slide.


Pro Code Zoom GGD Example

This PITCHME.md sample markdown snippet uses a docker code language hint and a named file within a multi-file GIST:


---?gist=StefanScherer/ef596640cee1c37519bb9a5a437b44a0&filename=Dockerfile&lang=docker zoom-17

@snap[north span-100]
#### GitHub GIST Delimiter with Pro Code Zoom
@snapend

Results in the rendering of the following slide:

CODE-GIST-PRO-ZOOM

This sample slide provides a quick introduction to Code ZOOM. To learn about the full set of Code ZOOM features see the Pro Code Zoom Guide.