Markdown Syntax Playground

Headings

H3 Example

H4 Example

Paragraph / Emphasis / Inline Code

This is a normal paragraph with italic, bold, strikethrough and inline code.

Auto link example: https://example.com/docs?q=markdown

Markdown link: GitHub

Blockquote

This is a blockquote line. This is the second line in the same quote block.

Lists

• unordered item A
  • nested unordered item A1
  • nested unordered item A2
  • nested unordered item A3
• unordered item B
  • nested unordered item B1
  • nested unordered item B2
  • nested unordered item B3
• unordered item C

1. ordered item 1
2. ordered item 2
3. ordered item 3

Code Blocks

curl -sSL https://example.com

• Indented code fence (inside list item):

  curl -sSL https://example.com

type User = {
  id: number
  name: string
}

const user: User = { id: 1, name: "alice" }
console.log(user)

{
  "features": {
    "buildkit": true
  }
}

{
  // jsonc alias should highlight as json
  "name": "cf-markdown-viewer",
  "version": "1.0.0"
}

service:
  name: markdown-viewer
  replicas: 2
  features:
    - toc
    - code-copy

echo "hello markdown viewer"
cat /etc/os-release | grep PRETTY_NAME

def greet(name: str) -> None:
  print(f"hello, {name}")


greet("world")

package main

import "fmt"

func main() {
  fmt.Println("hello world")
}

class Main {
  public static void main(String[] args) {
    System.out.println("hello");
  }
}

select id, name
from users
where status = 'active'
order by created_at desc;

<div class="card">
  <h1>Hello</h1>
  <p>Markdown SSR</p>
</div>

.card {
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 12px;
}

Tables

Image

LaTeX

Inline math example: $E=m{c}^2$, $a^2+b^2=c^2$.

Block math example:

$${\int }_0^1{x}^{2}dx=\frac{1}{3}$$

Multi-line block math:

$$\begin{array}{rl}\nabla \cdot \vec{E}& =\frac{\rho }{{\epsilon }_0}\\ \nabla \cdot \vec{B}& =0\end{array}$$

Inline HTML

This line uses inline HTML tags: blue text, bold red text, highlighted text, Ctrl + C.

Inline HTML mixed with markdown: markdown bold + html underline + inline code.

Mixed Content

1. First item with a link: https://www.cloudflare.com
2. Second item with inline code and bold text
3. Third item with deprecated mark

Final quote with OpenAI