Info Blocks and Raw HTML

Info Blocks

Info blocks are used to highlight notes, warnings, or important content.

~~~
Content goes here.
~~~

This is a basic info block without a title. Use it for notes, tips, or any content you want to visually separate.

~~~
{Block Title}

Content goes here.
~~~

Note

This info block has a title. It supports bold, italic, monospace, and all other inline formatting.

Tip

Info blocks can contain multiple paragraphs.

You can include equations like \(a^2 + b^2 = c^2\), links, and lists inside.

Warning

Be careful with nested tildes. If your content starts with ~, escape it as \~ to avoid ending the block prematurely.

Use double curly braces {{…}} to embed raw HTML inline:

This text contains red bold and blue text, rendered via raw HTML.

You can also use it for HTML abbreviations.

Use a code block with the raw language for larger raw HTML sections:

Box 1
Green box with custom styling.

Box 2
Blue box with custom styling.

Box 3
Orange box with custom styling.