Instructions for using this Marp template in VSCode:
- Download Marp extension for VSCode.
- In VSCode
Preferences->Settings
, search Marp. EnableMarp: Enable HTML
. - Add our CSS theme to the list of markdown themes. This can be done by going into
.vscode/settings.json
and adding the css file to the list of Marp themes:
{
...
"markdown.marp.themes": [
"<local-relative-path>/poster.css"
]
...
}
where <local-relative-path>
is the path relative to the folder that you have open in VSCode. Alternatively, you can add the path to Preferences -> Settings
in the field called Markdown › Marp: Themes
For example, if you cloned this repo into a folder in VSCode, it would look like
{
"markdown.marp.themes": [
"./marp-poster-template/themes/poster.css"
],
}
- Add the following header to your poster file (
.md
):
---
marp: true
theme: poster
paginate: false
size: 36:24
---
- You can automatically render your poster file using the preview preview pane with the
Markdown: Open preview
command. - Note that you can change the
size:
option (this denotes width:height). Available sizes are listed at the top of./theme/poster.css
; you can also create your own size.