File tree Expand file tree Collapse file tree
docs/experiments/2026/001-marp Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ # EXP-2026-001 — Marp
2+
3+ Experiment with creating presentations using Markdown and Marp.
4+
5+ * ** Started:** 2026-07-28
6+ * ** Status:** In progress
7+
8+ ## Step 1 — First presentation
9+
10+ Install the ** Marp for VS Code** extension and create a first presentation.
11+
12+ Create:
13+
14+ ``` text
15+ steps/001-first-presentation/presentation.md
16+ ```
17+
18+ The presentation contains:
19+
20+ 1 . A title slide
21+ 2 . A short introduction to Marp
22+ 3 . The goal of the experiment
23+ 4 . Planned next steps
24+
25+ ``` markdown
26+ ---
27+ marp: true
28+ theme: default
29+ paginate: true
30+ ---
31+
32+ # Marp Experiment
33+
34+ Creating presentations with Markdown.
35+
36+ ---
37+
38+ # What is Marp?
39+
40+ Marp is a tool for creating presentations using Markdown.
41+
42+ Slides are separated using three dashes.
43+
44+ ---
45+
46+ # Experiment Goal
47+
48+ Explore how Marp can be used to:
49+
50+ - create presentations;
51+ - preview slides in Visual Studio Code;
52+ - add images and styling;
53+ - export presentations.
54+
55+ ---
56+
57+ # Next Steps
58+
59+ - Test slide layouts
60+ - Add images
61+ - Test themes
62+ - Export the presentation
63+ ```
64+
65+ Open the Markdown preview in Visual Studio Code to view the presentation.
66+
67+ ### Result
68+
69+ A presentation should be visible. The actual result will be saved as PDF in the next step.
70+
71+
72+ ## Step 2 — Export to PDF
73+
74+ Export the presentation so it can be viewed outside Visual Studio Code.
75+
76+ Click the Marp icon in the editor toolbar:
77+
78+ ![ Marp icon in the Visual Studio Code toolbar] ( ./_images/marp-export-icon.png ' :size=420 ')
79+
80+ Select ** Export slide deck...** , choose ** PDF** and save the result as:
81+
82+ ``` text
83+ steps/001-first-presentation/presentation.pdf
You can’t perform that action at this time.
0 commit comments