Open3

Slidevメモ

Masayuki HigashinoMasayuki Higashino

組み込みのレイアウト

https://sli.dev/builtin/layouts.html

良く使いそうなレイアウト

  • cover
  • section
  • default

レイアウトを指定した場合のHTML

.mdファイルで以下のようにレイアウトを指定すると、各ページの div の class に レイアウト名が設定される。

---
layout: section
---

sectionを指定する場合は以下のとおり。関係ない属性は除いている。

<div class="slidev-layout section slidev-page slidev-page-3">

指定しない場合は default が設定される。

<div class="slidev-layout default slidev-page slidev-page-2">
Masayuki HigashinoMasayuki Higashino

Mermaid

https://mermaid.js.org/

  • layout: centerは、見出しなども含めて上下左右が中央揃えになる。
  • <div class="text-center"></div>で囲めば水平方向だけ中央揃えになる。