How to publish Quarto revealjs slides using GitLab Pages

In this tutorial, we learn step-by-step how to publish Quarto revealjs slides using GitLab Pages. We go over a basic example first, and learn how to configure our Quarto project and GitLab CI/CD pipeline in a way that will properly display our slides using GitLab Pages. We'll also go beyond the basics and look at how we can add custom CSS, ensuring that all project assets such as images end up in the correct location when we render the slides both locally and on GitLab (this is particularly helpful if you're using a revealjs theme or template).

Code: https://gitlab.com/melissavanbussel/example-slides

If you find my videos helpful, please be sure to subscribe to my channel (and share with your friends!) so that I can keep making more.😊

Want to connect?

LinkedIn: https://www.linkedin.com/in/melissavanbussel/
Twitter: https://twitter.com/melvanbussel
Website: https://www.melissavanbussel.com/
GitHub: https://github.com/melissavanbussel
Buy me a coffee: https://ko-fi.com/melissavanbussel

*Please note: it’s helpful for me if you send me a message on LinkedIn when you add me letting me know you’re adding me because of YouTube, so that I can keep track of how I know each person in my network😊

00:00 Introduction
00:46 Creating a new Quarto project
02:12 Embedding slides as an iframe
02:55 Creating a GitLab Project and uploading files
03:52 Setting Up GitLab Pages
06:26 Adding Custom CSS to your slides
07:57 Fixing image path issues
11:31 Automating image relocation