Paged Markdown (or paged.md
for short) is a modern approach to creating slide-based presentations.
Besides presentations, there is also a dialect for creating text documents with multiple pages (paper, essay, etc.) on this branch.
As the name suggests, paged.md
is based on Markdown.
Unlike with classical presentation software, there's no official editor for creating slides (though Visual Studio Code is recommended). In fact, any text editor can be used to create and edit Paged Markdown presentations.
The result can be displayed (presented) in any modern browser at any stage of the creation process, meaning there's no need to convert or render anything between editing and presenting (presentation files already have the .htm file extension).
For editing, it is recommended to use Visual Studio Code, since it provides a variety of features to edit Markdown documents.
- Download or clone this repository
- Rename the folder to the desired name of your presentation
- Open the folder in Visual Studio Code
- Alternatively: Open
presentation.htm
in any text editor of your choice
- Alternatively: Open
- To preview or display your presentation, open it inside any modern browser (Firefox, Chrome etc.)
- In Visual Studio Code, you can use the Markdown Preview feature directly
- Use regular Markdown to create your presentation
- As usual with Markdown, HTML can be used as well in the entire document
- This allows for more flexible formatting
- Slides are arranged inside
<page>
tags
To switch between slides in Visual Studio Code, edit the number inside
page:nth-of-type(...)
in the<style>
tag in the very end of yourpresentation.htm
.
You can change colors and adjust / extend the design of your slides by customizing design.css
to your needs and taste.
There is also logic.css
. Feel free to look around in here too, this file is supposed to handle the more generic slide design like animations and the base definition of a <page>
(slide) tag.
"Some content has been disabled in this document"
By default, the Markdown preview of Visual Studio Code blocks external urls.
This is actually a really handy behaviour in the case of paged.md
: The javascript logic, that provides keybindings and markdown rendering inside the web browser, is not needed during editing.
Since it is loaded from an external server (link), Code automatically prevents the script from being executed.
The warning itself can just be hidden by clicking on it and selecting 'Disable preview security warning in this workspace'.
A common usecase with slides is to export them to the pdf format.
This is possible with Paged Markdown presentations, but the way to do it at the moment is not exactly beautiful:
To convert your slides to pdf, simply open the presentation in your web browser and navigate to the first slide. Press CTRL+P
to print the current page and select "Save to PDF". You will need to repeat this step for each slide (for filenames, choose a new folder and put something like 01.pdf
, 02.pdf
, ...
).
After saving all slides, you can use any PDF-merge tool to combine the files into a single pdf document. On Linux, there's also the pdfunite
utility, that can be used for this. Nevertheless, this is certainly not a nice way to do it and is most likely to be improved in the future!
Paged Markdown – Copyright (c) Lesosoftware 2021