Marpを使ってMarkdownでスライドを作成してみた！

Marpを使ってMarkdownでスライドを作成してみました。

公式 サンプル

---
theme: gaia
_class: lead
paginate: true
backgroundColor: #fff
backgroundImage: url('https://marp.app/assets/hero-background.svg')
---

![bg left:40% 80%](https://marp.app/assets/marp.svg)

# **Marp**

Markdown Presentation Ecosystem

https://marp.app/

---

# How to write slides

Split pages by horizontal ruler (`---`). It's very simple! :satisfied:

```markdown
# Slide 1

foobar

---

# Slide 2

foobar
```

サンプルのbackgroundImageで使用されているSVGをChat GPTで生成してみました。

ソースコード

---
marp: true
theme: gaia
_class: lead
paginate: true
backgroundColor: #fff
backgroundImage: 'url(./background.svg)'
---

# テストスライド

コンテンツ

---

# ページ２

コンテンツ

参考