🌀

[Slidev]Slidevでスライドを使いまわす

2022/12/13に公開

Slidevでは、マルチプルエントリーという機能を使うことで、よく使うスライドを簡単に使いまわすことができます。

スライドを使いまわす

メインスライドslides.mdで以下のように設定すると、別のスライドの内容を挿入することができます。

slides.md
---
src: 挿入するmarkdownファイル名
---

例えば、subpage.mdを挿入する場合は、以下のようになります。

slides.md
---
src: ./subpage.md
---

slides.mdsubpage.mdがそれぞれ以下のような内容の場合:

slides.md
# Title

タイトルページ

---

# Page 1

メインスライドの1ページ目

---
src: ./subpage.md
---
subpage.md
# Page 2

使いまわすスライド

以下のようなスライドが生成されます:

title
main
subpage

フロントマターのマージ

同様にフロントマターをマージすることも可能です。通常のデフォルト設定のフロントマター用ファイルを作成しておき、ファイル個別でカスタマイズをするなどといったことができます。
このとき、同じキーがある場合には、slides.mdに記載されている内容が優先されます。

例えば、slides.mdsubpage.mdの内容が、それぞれ以下のような内容の場合:

slides.md
---
src: ./subpage.md
background: https://sli.dev/bar.png
class: text-center
---
subpage.md
---
layout: cover
background: https://sli.dev/foo.png
---

以下のような設定となります:

---
layout: cover
background: https://sli.dev/bar.png
class: text-center
---

参考サイト

  • マルチプルエントリー

https://ja.sli.dev/guide/syntax.html#マルチプルエントリー

  • フロントマターのマージ

https://ja.sli.dev/guide/syntax.html#フロントマターのマージ

Discussion