marpの使いかたを掘る
これまで
---
marpを折に触れて使ってみたいなと
vscode上でマークダウンを使ってスライドを作る。(Marp, Reveal.js)
size指定ができるのが、まずは助かる
size: 4:3
---
リンク
theme gaia のなかに classが (null), gaia, invert, leadの4つある (null), gaia, invertは色指定、leadは寄せ指定
gaiaベースにカスタマイズされているのでとても参考になった
Marpを使ってmarkdownでスライド資料を作成する
vscode上でマークダウンを使ってスライドを作る。(Marp, Reveal.js)
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る 1897LGTM
Marp(Markdown Presentaiton)の文法まとめ
Markdownスライド作成ツール『Marp』のTips 33LGTM
Markdown記法でスライドを簡単に作ってしまおう!(Marp) 16LGTM
How to build a custom theme for Marp (workaround)
↓
いまのところ (2021-02-01)
カスタムCSSでテーマ指定(gaia)、フォント指定
本体のフロントマターで、サイズ指定、ページネーション指定、クラス指定。
フロントマターではフォント指定ができない(ようだ)
gaiaが使いやすいかも!
画像もうまく使えそう(まだ使ってはいない)
↓
gaiaベースにテーマカスタマイズ(色を変える)
210204_gaiakai.css を作成し、
$light-colorなどを足すと、すでにおかしくなる(色は変わらない)
まだうまくいっていない
gaia.scssをコピーしてつかった → ダメ
スタイルで指定していくしかないのか……?
オフィシャルのドキュメントがあるやん!
Theme CSS
でイシュー上げる?
---
SCSSをコンパイルしてCSSをつくる
sass・scssとは?導入方法や使い方を解説する【Win/Mac対応】
sudo gem install sass -n /usr/local/bin/ →うまくいった
↓
いけそうだ!
---
MarpのCSSをカスタマイズした(gaia.scssをいじってコンパイル)
How can I use @import-theme?
服部さんにちょくせつお答えいただいた。感激!!
画像系の詳しい仕様
Image syntax