to create a figure and figcaption setup, do 
Back of the new robot
side by side images
images separated by only one newline or one whitespace show up side-by-side:
Front of the new robotBack of the new robot
chat/speech bubbles for dialogue
Do <div dia> and <div dia me>:
<div dia me>2b</div>
<div dia>two what?</div>
<div dia me>two bees.</div>
<div dia me>there look</div>
<div dia>where</div>
<div dia>where!? i can't see them</div>
<div dia>r u messing with me</div>
<div dia me>:P</div>
Looks like:
Speech bubble me: 2b
Speech bubble: two what?
Speech bubble me: two bees.
Speech bubble me: there look
Speech bubble: where
Speech bubble: where!? i can't see them
Speech bubble: r u messing with me
Speech bubble me: :P
spoilers and html
||spoiler||, so darth vader is (spoiler) luke’s daddy
expand (native html)
<details><summary>text</summary>show on reveal</details>
(spoiler) (here, <details open>)
and more spoilers:
darth vader is ||an alligator, <!-- two spaces -->
20% of the time||
becomes
darth vader is (spoiler) an alligator,
20% of the time
lists
* see this?
- this is it
- enjoyable
3. okay
4. okay again
* [ ] hi
* [x] checked
6. [x] yellow
7. [ ] pink
looks like
see this?
this is it
enjoyable
okay
okay again
hi
checked
yellow
pink
alerts
> [!note]
> take this info into account
> [!tip]
> get more success
> [!important]
> crucial to success
> [!warning]
> immediate attention required
> [!caution]
> tread carefully
> [!note] not a final solution
> later, the pretzel was eaten
[[text label|/posts/wikilink]]
like [[my iems|/posts/blon-bl03]]
shown my iems
and
use (^|[^!])\[[^\]]+\]\(\/[^)]*\) regex to find things you can ’ikilinkify.
math
for data-math-style=inline, $math$ like x^2 + y^2 = z^2
for data-math-style=display, $$math$$:
\int_{0}^{1} x^2 , dx = \frac{1}{3}
