Skip to content

Marp#

  • Marp は Markdown で書かれた内容をスライド形式へ変換して表示することが可能なツールです。
  • vscode の拡張機能にてMarp を導入します。

Info

Markdown Preview Enhanced を 有効化にしているとvscode 上でmarp の preview が表示されません。 上記拡張機能を一時的に無効化して対処しました。

基本的な使い方#

  • スライドの区切りは --- と記述します。
  • Ctrl + スペースキーで入力補完リストを表示します。
  • 全体設定は一枚目のスライドで以下のように記述

    marp: true
    title: Test marp 
    theme: default
    header: sample marp slide
    footer: write by m.omuro
    paginate: true 
    ---
    

  • スライド個別の設定は各スライドにて以下のよう<!-- -->内に記述します。

    <!--
    _backgroundColor: red
    _color: white
    -->
    

  • 以下のように記述することで見出し# によってスライドを作成することができます。

    # ここでは h2 見出し (##) ごとにスライドを分けて作成します。
    
    <!--
    headingDivider: 2
    -->