Markdown Extension Examples ​

This page demonstrates some of the built-in markdown extensions provided by VitePress $\q{1}$ $\qr{0}$ $\q{\frac{1}{a}}$ $\langle a\vert b\rangle$ $\qgh\qgz\qgx$ .

$$\q{1}$$

$$\qr{\frac{1}{a}}$$

$$\langle \frac{1}{a}\vert b\rangle$$

$$\qrq{\frac{1}{a}}{b}$$

$$\qrrq{\frac{1}{a}}{b}{c}$$

$$\rqr{\frac{1}{a}}{b} \qp \rqr{\frac{1}{a}}{b}$$

$$\qm{1}{1}{0}{0}$$

$$\qmm{1}{1}{0}{0}{1}{1}{0}{0}{0}$$

$$\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right\}$$

Syntax Highlighting ​

VitePress provides Syntax Highlighting powered by Shiki, with additional features like line-highlighting:

Input

```js{4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
```

```js{4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
```

Output

export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

Custom Containers ​

Input

::: info
This is an info box.
:::

::: tip
This is a tip.
:::

::: warning
This is a warning.
:::

::: danger
This is a dangerous warning.
:::

::: details
This is a details block.
:::

::: info
This is an info box.
:::

::: tip
This is a tip.
:::

::: warning
This is a warning.
:::

::: danger
This is a dangerous warning.
:::

::: details
This is a details block.
:::

Output

More ​

Check out the documentation for the full list of markdown extensions.