Headings
Markdown
# Heading 1
## Heading 2
### Heading 3Preview
Quick reference
The syntax you will use most often. Each preview uses the same renderer as the editor.
Start with the building blocks for readable Markdown documents.
Markdown
# Heading 1
## Heading 2
### Heading 3Preview
Markdown
**Bold text**
*Italic text*
~~Strikethrough~~Preview
Bold text
Italic text
Strikethrough
Markdown
[Markdown Lens](https://markdownlens.ayushdev.com)
Preview
Markdown Lens (opens in a new tab)
Remote image blocked from example.com (Alt text)
Markdown
> Markdown keeps plain text readable.
>
> Add another line with the same marker.Preview
Markdown keeps plain text readable.
Add another line with the same marker.
Use indentation to create hierarchy and square brackets to track work.
Markdown
- First item
- Second item
- Nested item
1. Plan
2. Write
3. ReviewPreview
Markdown
- [x] Draft the README
- [ ] Add examples
- [ ] Request reviewPreview
Separate headers with dashes and columns with vertical bars.
Markdown
| Feature | Status |
| --- | ---: |
| Tables | Ready |
| Mermaid | Ready |
| Math | Ready |Preview
| Feature | Status |
|---|---|
| Tables | Ready |
| Mermaid | Ready |
| Math | Ready |
Use backticks for inline code and triple backticks for fenced blocks.
Markdown
Run `npm run dev` to start the app.Preview
Run npm run dev to start the app.
Markdown
```ts
const greeting = "Hello, Markdown!";
console.log(greeting);
```Preview
const greeting = "Hello, Markdown!";
console.log(greeting);
Markdown Lens recognizes Mermaid fences and KaTeX-compatible math delimiters.
Markdown
```mermaid
flowchart LR
A[Write] --> B[Preview]
B --> C[Publish]
```Preview
Markdown
Inline: $E = mc^2$
Block:
$$
\int_0^1 x^2\,dx = \frac{1}{3}
$$Preview
Inline:
Block:
Open an example above to edit it, or start from a file.