- https://github.com/marp-team/marp-cli
- https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode
- https://github.com/favourhong/Awesome-Marp
- https://github.com/cupcakearmy/markdown-it-import
- https://github.com/JichouP/obsidian-marp-plugin
- https://github.com/samuele-cozzi/obsidian-marp-slides
- https://raw.githubusercontent.com/yhatt/marp-cli-example/master/PITCHME.md
- https://github.com/yhatt/marp-cli-example
-
The
assets
directory can put your assets for using in the deck. (e.g. Image resources) -
The
themes
directory can put custom theme CSS. To use in the deck, please change theme global directive. -
The built assets will output to the
public
directory.
- https://github.com/matsubara0507/marp-themes
- https://github.com/rainbowflesh/Rose-Pine-For-Marp
- https://github.com/dracula/marp
- https://github.com/cunhapaulo/marpstyle
- https://mermaid-js.github.io/mermaid/#/
- https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid
- marp-team/marp-core#139
To use Mermaid diagrams in your Marp presentation, simply add the following script to your Markdown file:
<!-- Add this anywhere in your Markdown file -->
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
</script>
svg[id^="mermaid-"] {
min-width: 480px;
max-width: 960px;
min-height: 360px;
max-height: 600px;
}
<div class="mermaid">
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
</div>