/marp-setup

Primary LanguageCSS

Description

Markdownによるスライド作成ツールMarpのVSCode拡張機能であるMarp for VS Codeのサンプルプロジェクトです。

clone

git clone https://github.com/ShutoYamada/marp-setup.git && cd marp-setup

Install

OS毎に対応するシェルを実行する。

Windows

windows.bat

Linux

bash ./linux.sh

Mac

bash mac.sh

Usage

サンプルとしてsample-1.mdからsample-4.mdまでを用意した。

sample-1.md

Marpでの基本的なスライドの作成方法。

sample-2.md

全体テーマ・ヘッダ・フッタの設定方法、headingDividerを用いたページ分け。

sample-3.md

個別ページのスタイル設定方法、背景画像の設定方法。

sample-4.md

独自テーマの設定。

※Caution

独自テーマを用いるにはVSCodeのsettings.jsonでテーマとなるCSSファイルへのパスを通す必要があります。

settigs.jsonはデフォルトでは下記に配置されています。

  • Windows : %APPDATA%\Code\User\settings.json
  • Mac : $HOME/Library/Application Support/Code/User/settings.json
  • Linux : $HOME/.config/Code/User/settings.json

settings.jsonにこのプロジェクト下のUser/settings.jsonの内容を反映させてからご利用ください。