Markdown 编辑器与实时预览

---
title: A private Markdown workspace
description: A complete example document for Nobuf
author: Nobuf
tags:
  - markdown
  - documentation
draft: false
---

# Markdown Editor & Preview

Write technical documents, README files, notes, and articles without uploading anything.

## What you can do

| Feature | Status | Notes |
| :--- | :---: | ---: |
| Live preview | ✅ | Local |
| Task lists | ✅ | Interactive |
| Math & diagrams | ✅ | On demand |

- [x] Open the example
- [ ] Edit some **Markdown**
- [ ] Export a clean document

> Your document remains in this browser. Remote images are blocked by default.

### Code

```ts
interface Document {
  title: string
  private: true
}
```

### Math

Inline math looks like $E = mc^2$.

$$
\int_0^1 x^2 \, dx = \frac{1}{3}
$$

### Mermaid

```mermaid
flowchart LR
  Write --> Preview
  Preview --> Export
```

Read the [CommonMark specification](https://commonmark.org/). This sentence has a footnote.[^local]

[^local]: Parsing, rendering, saving, and exporting happen locally.