From Richmd v4, Slide Mode is now available. This allows you to create presentation slides using markdown-like syntax.
The usage is the same as normal, just use richmd(). However, there are rules for the format of the target markdown text, so caution is needed.
Also, when using this mode, it is strongly recommended to use @richmd/react or @richmd/vue.
pnpm add @richmd/react # Use React
pnpm add @richmd/vue # Use VueIn this mode, there are certain rules for writing text.
To use slide mode, declare |use slide| on the first line.
|use slide|
...This switches from normal mode to slide mode.
Next, define the slides to display. The method for defining slides is described below. For slides, you need to define text alignment, display content layout, and theme.
||---||
||---||||<--||
||---||||-->||
||---||↓ In this case, it will be centered both vertically and horizontally
||---||title
||---||This is the default layout with vertical top alignment.
↓ In this case, text is left-aligned and vertically top-aligned
||<--||content
||---||After defining the layout, you can define a theme option. Themes are predefined.
↓ dark will be applied.
||---||title.dark
||---||
It's easy to display content in defined slides. Just write markdown within the slide.
||---||title.dark
# Title
author: demo
||---||
||<--||content.dark
# Content
**content**
||---||In slide mode, markdown is only parsed within slides defined by the above method. Markdown written outside of slides is ignored.
# hoge <-- Not parsed
||---||title.dark
# Title
author: demo
||---||List of themes available in slide mode.
defaultsunsetmalinkamoondarkblueskygreendark