Marp Template
Marpのテンプレート
何用?wogikaze.icon
経緯
この先スライドを作る機会が大量にあるだろう
パワポはもう触りたくない(重い・準備が大変)
テキストで編集できるのが良い
git管理できる、cursorなどLLMで編集できる
Live Shareで同時編集もできる
https://github.com/favourhong/Awesome-MarpAwesome-Marpを使って良い感じのテンプレートにした
といっても改変ほとんどしてないけど
使うなら:animation docs
以下は古い情報
keywords
Marp CLI
Marpの基礎
UnoCSS
Tailwind CSSみたいなCSSを自動生成するやつ
Husky
コミット時にlint & formatする
markdown-it-attrs
markdown-it-bracketed-spans
markdown-it-container
prettier
litner, formatter
サーバー立ち上げ
$ npm run dev
実行されるのは
$ marp -w --html -s src --engine engine.mjs --theme-set ./styles/*.css
作っていて、奥が深い症候群になったwogikaze.icon
markdownをプレゼン風にするだけなのに奥が深すぎる
方針
基本自分でCSSを作り上げる
Awesome Marpが凄すぎたのでこれでゆくwogikaze.icon
Marp(Marpit) #CSS - Qiita
https://gyazo.com/359333f236f69b35fe0551e022063101
悪くない感じになったwogikaze.icon
これは私のテーマ