Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hahnec/marp-recipes

Marp presentation slides and templates
https://github.com/hahnec/marp-recipes

markdown marp presentation slide slides template

Last synced: about 16 hours ago
JSON representation

Marp presentation slides and templates

Awesome Lists containing this project

README

        

marp-recipes
============

This repo features Markdown presentation slide snippets using the [Marp](https://marp.app/) framework. Below examples and instructions help setting up the environment.

Results
-------
- [Documentation slides](https://raw.githubusercontent.com/hahnec/marp-recipes/master/marp_recipes.pdf)
- [My template](https://raw.githubusercontent.com/hahnec/marp-recipes/master/template_hahnec.pdf)

Getting started
---------------
1. download and install [VS Code](https://code.visualstudio.com)
2. open VS Code and choose `Extensions` on the vertical tab bar
3. type `Marp for VS Code` and install the extension
4. open a Markdown file (e.g. marp_recipes.md from this repo)
5. press `ctrl+shift+v` (Linux & Win) or `cmd+shift+v` on macOS for the slides preview
6. Unix systems may require an installation of [Google Chrome](https://www.google.com/chrome/index.html) or [Chromium](https://www.chromium.org/)

CLI Slide Export
----------------

1. install node.js from https://nodejs.org/en/download/ and make sure it was successful
```
$ node --version
```

2. install marp-cli
```
$ npm install --save-dev @marp-team/marp-cli
```

3. convert file
```
$ npx @marp-team/marp-cli ./template_hahnec.md --html --pdf --allow-local-files --theme-set ./themes/
$ npx @marp-team/marp-cli ./template_hahnec.md --html --theme ./themes/hahnec.css
$ npx @marp-team/marp-cli ./template_hahnec.md --pptx --theme-set ./themes/
```

or use the provided bash script to generate outputs
```
$ bash compile.sh
```