Markdown → PDF

# Welcome to Markdown → PDF

A powerful converter with **100+ Google Fonts**, syntax highlighting, math equations, and diagrams.

## What's New ✨

- 🧮 **KaTeX math** — inline `$...$` and block `$$...$$` equations
- 🎨 **Syntax highlighting** — auto-colored code blocks for 180+ languages
- 📊 **Mermaid diagrams** — flowcharts, sequence diagrams, and more
- 🎭 **13 themes** — including Nord, Dracula, Solarized, and Slate
- 💾 **Auto-save** — your work is preserved across browser sessions
- ⌨️ **Ctrl+S** — keyboard shortcut to download PDF

---

## Math Equations (KaTeX)

Inline math: The energy–mass relation is $E = mc^2$, and the Pythagorean theorem states $a^2 + b^2 = c^2$.

Block equation (left-aligned):

$$\int_0^\infty e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}$$

The quadratic formula:

$$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$

Maxwell's equations in differential form:

$$\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0}$$

---

## Syntax Highlighting

```python
def fibonacci(n: int) -> list[int]:
    """Generate Fibonacci sequence up to n terms."""
    seq = [0, 1]
    while len(seq) < n:
        seq.append(seq[-1] + seq[-2])
    return seq[:n]

print(fibonacci(10))
```

```javascript
const fetchData = async (url) => {
  try {
    const res = await fetch(url);
    const data = await res.json();
    return data;
  } catch (err) {
    console.error('Fetch failed:', err);
  }
};
```

```bash
# Install dependencies and run
npm install && npm run build
git commit -am "feat: add KaTeX support"
```

---

## Mermaid Diagrams

```mermaid
flowchart LR
    A[Write Markdown] --> B{Preview OK?}
    B -- Yes --> C[Download PDF]
    B -- No --> D[Adjust Settings]
    D --> A
```

```mermaid
sequenceDiagram
    User->>Editor: Type markdown
    Editor->>Preview: Live render
    Preview-->>User: See formatted output
    User->>PDF: Ctrl+S
```

---

## Formatting Examples

### Tables

| Feature | Status | Notes |
|---------|:------:|-------|
| KaTeX math | ✅ | Inline & block, left-aligned |
| Syntax highlighting | ✅ | 180+ languages via highlight.js |
| Mermaid diagrams | ✅ | Flowcharts, sequences, and more |
| Google Fonts | ✅ | 100+ fonts, per-element |
| 13 Themes | ✅ | Dark, light, and specialty |
| Auto-save | ✅ | localStorage persistence |

### Task List

- [x] Open the converter
- [x] Pick a theme from the sidebar
- [x] Write math equations with `$$...$$`
- [ ] Add a Mermaid diagram
- [ ] Download as PDF with **Ctrl+S**

### Blockquote

> "Any sufficiently advanced technology is indistinguishable from magic."
> — Arthur C. Clarke

### Text Styles

**Bold**, *italic*, ~~strikethrough~~, `inline code`, and $x^2 + y^2 = r^2$ (inline math).

---

*Use the sidebar to pick fonts, adjust typography, change paper size, and switch themes.*