スライド冒頭のYAMLフロントマターで theme: hack を指定します。
theme: hack
--- marp: true theme: hack ---
左右にテキストと画像を分けたいときは、スライド先頭にクラスを指定します。
<!-- class: split -->
split
split-60-40
split-40-60
このテーマでは、コードブロックの上下に「```」が自動で付きます。
package main import "fmt" func main() { fmt.Println("Hello, 世界") }
function VideoList({ videos, emptyHeading }) { const count = videos.length; let heading = emptyHeading; if (count > 0) { const noun = count > 1 ? 'Videos' : 'Video'; heading = count + ' ' + noun; } return ( <section> <h2>{heading}</h2> {videos.map(video => <Video key={video.id} video={video} /> )} </section> ); }
-
1.
##
/static/
<img src="/static/profile.svg" />
theme.css を編集すれば、
theme.css
<!-- class: normal -->