Turn markdown into beautiful presentations
In a moment of need, I created revealme, an in-browser presentation experience which can use straight Markdown to produce beautiful presentations. Content files are hosted in github repositories and presentations are rendered using reveal.js.
I had made the content for my presentation on MongoDB Indexes in a markdown gist. I often use gistdeck for ad-hoc presentations, but since this was a bit more involved, I decided to look into something more put together. (I really try to stay away from Microsoft Office) I looked around for markdown -> presentation solutions, and found reveal.js.
However, reveal.js, as currently packaged on github, makes you download the whole repository and edit an HTML file to make a presentation. We live in a better age! I decided to create a simple github-proxy to load html content into reveal.js’
index.html file. You simply use the same path as you would for
raw.github.com, and the server will go get that file from github.
Once that was working, I added some more options, like being able to set the page title, theme, or transition of the presentation in comments in the html/markdown; as well as the theme and transition in query parameters.
reveal.js by default doesn’t support straight markdown, just markdown within each slide which means a lot of boilerplate! I decided to do markdown parsing on the server side, and insert the appropriate
tags with level 1 and level 2 headers marking the beginning of slides. Now, we can take any
README.md file and make a great persentations.
For example, here’s a couple README’s that are now presentations:
Update: Revealme now supports gist-based files, a horizontal-only option, and github flavored markdown.