コンテンツにスキップ

ギャラリー

スクリーンショットは機能紹介デッキから撮影しています。デッキを開くと各スライドを実際に動かして確認でき、o キーで一覧表示になります。

スライドの frontmatter で slideLayout を指定します。それぞれのレイアウトで使うマークアップはレイアウトとコンポーネントを参照してください。

cover

cover レイアウト: 中央にタイトル、サブタイトル、ヒント

中央寄せのタイトル。最初と最後のスライド向けです。

section

section レイアウト: 章の区切り

章の区切り。

default

default レイアウト: 見出し、本文、表

標準的なコンテンツスライド。

two-column

two-column レイアウト: 全幅のタイトルの下に左右の列

全幅のタイトルの下に <Left> / <Right>。

image-left

image-left レイアウト: 左にイラスト、右にテキスト

<ImageSide> + <TextPanel>。

image-right

image-right レイアウト: 左にテキスト、右にイラスト

image-left の左右反転です。

image-full

image-full レイアウト: 全面の背景画像に白い文字

全面に敷く background 画像。

code

code レイアウト: 行をハイライトした CodeBlock

コード向けに余白を詰めたレイアウト。

quote

quote レイアウト: 中央寄せの引用

中央寄せの引用。

statement

statement レイアウト: 大きな一文

大きな一文。

デッキごとに _config.json の "theme" で指定します。同じスライドを組み込みテーマごとに表示すると次のようになります。

default

default テーマのスライド

dark

dark テーマのスライド

minimal

minimal テーマのスライド

corporate

corporate テーマのスライド

gradient

gradient テーマのスライド

rose

rose テーマのスライド

forest

forest テーマのスライド

独自のテーマを作りたい場合はカスタムテーマを参照してください。