Skip to content

Instantly share code, notes, and snippets.

View yhatt's full-sized avatar

Yuki Hattori yhatt

  • Japan
  • 19:24 (UTC +09:00)
  • X @y_hatt
View GitHub Profile
@yhatt
yhatt / README.md
Last active January 17, 2025 16:00
Marp custom engine
npm i --save-dev @marp-team/marp-cli gist:c8949276ceab6cd979f0f5c7b7c1b7fc
npx marp --engine marp-custom-engine your-slide.md
@yhatt
yhatt / iA_Presenter_style_notes.md
Last active January 30, 2024 18:43
Convert paragraphs on top level of the slide page into presenter notes, and hide from the slide.

Regular text is only visible to you. Headlines go on the slide.

iA Presenter (https://ia.net/presenter)

Unlike popular Markdown slide tools, iA Presenter has a unique approach to displaying written content in Markdown.

Are you looking at its innovative approach with longing eyes? No need to wait with your fingers crossed; the same feature can be achieved in Marp using a plugin.

git clone https://gist.github.com/54a1b07ff41485920d370e864860b8a8.git ia_presenter_style_notes
@yhatt
yhatt / hide-slides-plugin.js
Last active January 20, 2025 14:26
Marp hide slides plugin example
const marpHideSlidesPlugin = (md) => {
md.marpit.customDirectives.local.hide = (value) => ({
hide: value === 'true',
})
md.core.ruler.after(
'marpit_directives_apply',
'marpit_hide_slides',
(state) => {
let withinSlide = false
@yhatt
yhatt / transition-showcase.md
Last active May 29, 2022 02:58
Marp CLI experimental transition showcase
@yhatt
yhatt / diagrams.md
Last active January 23, 2025 19:26
Marp diagram plugin example (Powered by kroki.io)
marp theme
true
default

Marp diagram plugin example

Powered by kroki.io

@yhatt
yhatt / transitions.md
Created August 27, 2021 21:00
Experimental transitions for Marp CLI
title _class theme style marp
Marp CLI experimental transitions
lead gaia
gaia
pre { font-size: 60px; }
true
npm i @marp-team/marp-cli @marp-team/marp-core markdown-it-admon
npx marp --engine engine.js slide.md
@yhatt
yhatt / marp.md
Last active July 20, 2024 18:52
Marp Next example
marp

Marp

h:250

Markdown presentation ecosystem
@yhatt
yhatt / gaia.md
Last active August 8, 2021 13:37
Gaia theme example (for Marp Next)
marp theme
true
gaia

Gaia theme

[Marp Next] slide theme