---
title: Advanced Markdown (Callouts, Math & Mermaid)
category: Writing & Editing
icon: 📝
sort_order: 35
excerpt: Enrich note contents with GitHub-style callouts, mathematical formulas, Mermaid flowcharts, and footnotes.
slug: advanced-markdown-syntax
canonical_url: https://phasoric.com/guides/advanced-markdown-syntax
markdown_url: https://phasoric.com/guides/advanced-markdown-syntax.md
---
# Advanced Markdown (Callouts, Math & Mermaid)

Enrich note contents with GitHub-style callouts, mathematical formulas, Mermaid flowcharts, and footnotes.

## Callout Cards

Create beautiful alert boxes using blockquote indicators:
```markdown
> [!NOTE]
> This is a callout box containing helpful info.
```

## Mathematical Formulas (LaTeX)

Render inline equations using single dollar signs `$E=mc^2$` or block display equations using double dollar signs:
```markdown
$$\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$$
```

## Mermaid Diagrams

Draw flowcharts and diagrams directly inside your note files:
```mermaid
graph TD
  A[Start] --> B(Process)
  B --> C{Decision}
```