---
title: 'Gitlab-CI a Marp'
url: 'https://www.ondrejsramek.cz/en/blog/gitlab-ci-a-marp'
markdown: 'https://www.ondrejsramek.cz/en/blog/gitlab-ci-a-marp.md'
lang: en
date: '2024-04-07'
description: 'How to turn Markdown into a presentation — including PDF A while back my friend shared a post about Marp on Twitter (now X). You specify the content using Markdown and the presentation builds itself. I saved the post and eventually got around to trying it. Visual Studio Code has a Marp plugin so yo…'
taxonomy:
  tag:
    - marp
    - cli
    - gitlab
    - 'continuous integration'
    - pdf
  category:
    - 'informační technologie'
  '':
    - ''
  archives_year:
    - '2024'
---

# How to turn Markdown into a presentation — including PDF

A while back my [friend](https://www.linkedin.com/in/zuzanapechova) shared a post about Marp on Twitter (now X). You specify the content using Markdown and the presentation builds itself. I saved the post and eventually got around to trying it. Visual Studio Code has a Marp plugin so you can see what you're writing in real time and export to PDF. Basically everything you need.

The thing is, presentations evolve and change — just like my previous ones, this one ended up on GitLab. And what if I didn't have to do a local build but could have GitLab build the presentation for me? After some digging I found a [CI pipeline](https://r2devops.io/marketplace/gitlab/r2devops/hub/marp) built specifically for Marp. It needed a few tweaks though. First, updating the Marp CLI version, then updating Chrome and Node.js. The harder part was PDF — the image being used didn't have fonts with Czech character support. I had to build my own.

I took an existing Alpine image and added Czech-supporting fonts to it, and voilà — a proper "ž" in my slides.

 [ Previous Post](https://www.ondrejsramek.cz/en/blog/upgrade-inzulinove-pumpy) [Next Post ](https://www.ondrejsramek.cz/en/blog/flipper-zero) 

#### Other Related Posts:

 [  kurz  ](https://www.ondrejsramek.cz/en/blog/tag:kurz#blog_list) [  jištění  ](https://www.ondrejsramek.cz/en/blog/tag:ji%C5%A1t%C4%9Bn%C3%AD#blog_list) [  Komec  ](https://www.ondrejsramek.cz/en/blog/tag:Komec#blog_list) [  lezení  ](https://www.ondrejsramek.cz/en/blog/tag:lezen%C3%AD#blog_list) [  prvolezec  ](https://www.ondrejsramek.cz/en/blog/tag:prvolezec#blog_list) 

###  Safe Climbing and Belaying 

[Safe Climbing and Belaying](https://www.ondrejsramek.cz/en/blog/bezpecne-lezeni-a-jisteni)

# course at Komec

I got the chance to take a **safe climbing and belaying course**. I have some experience with **bouldering**. When...

 9th Dec 2016 - ondra 

 [ ![Vaccine Registration](https://www.ondrejsramek.cz/user/pages/05.blog/49.registrace-na-ockovani/Screenshot%202021-01-15%20at%208.07.34.png) ](https://www.ondrejsramek.cz/en/blog/registrace-na-ockovani) [  státní správa  ](https://www.ondrejsramek.cz/en/blog/tag:st%C3%A1tn%C3%AD%20spr%C3%A1va#blog_list) [  COVID-19  ](https://www.ondrejsramek.cz/en/blog/tag:COVID-19#blog_list) [  očkování  ](https://www.ondrejsramek.cz/en/blog/tag:o%C4%8Dkov%C3%A1n%C3%AD#blog_list) [  NAKIT  ](https://www.ondrejsramek.cz/en/blog/tag:NAKIT#blog_list) [  ÚZIS  ](https://www.ondrejsramek.cz/en/blog/tag:%C3%9AZIS#blog_list) 

###  Vaccine Registration 

[Vaccine Registration](https://www.ondrejsramek.cz/en/blog/registrace-na-ockovani)

# It was an adventure

## Registering a Senior

Even though I try not to be unnecessarily negative, I knew there'd be problems. Last time it was the system for selling motorway vignettes. So before the fateful 8 AM on Friday morning I called my grandmother to gather all the necessary information (insur...

 16th Jan 2021 

- [Intro](https://www.ondrejsramek.cz/en)
- [Projects](https://www.ondrejsramek.cz/en/projects)
- [Portfolio](https://www.ondrejsramek.cz/en/portfolio)
- [Pricing](https://www.ondrejsramek.cz/en/pricing)
- [Blog](https://www.ondrejsramek.cz/en/blog)
- English 

    - [Čeština](https://www.ondrejsramek.cz/cs/blog/gitlab-ci-a-marp)

---

## Navigation

- Parent: [Blog](https://www.ondrejsramek.cz/en/blog.md)
- Previous: [Flipper Zero](https://www.ondrejsramek.cz/en/blog/flipper-zero.md)
- Next: [Insulin Pump Upgrade](https://www.ondrejsramek.cz/en/blog/upgrade-inzulinove-pumpy.md)