Skip to content

VitePress

Markdown VitePress reference

Frontmatter (todo)

Frontmatter

Syntax Highlighting in Code Blocks

VitePress uses Shiki for syntax highlighting.

A list of valid languages is available on Shiki's repository.

Some of the most important languages are:

LANGUAGES
  • js for JavaScript
  • ts for TypeScript
  • asm for Assembly
  • cpp for C++
  • c for C
  • json for JSON
  • json5 for JSON5
  • latex for LaTeX
  • md for Markdown
  • log for Log files
  • python for Python
  • prisma for Prisma
  • riscv for RISC-V
  • zsh for Z Shell
  • sql for SQL
  • tsx for TypeScript JSX

Code Blocks (TODO)

WARNING

TODO: More code block examples

VitePress Markdown

Info box

INFO

This is an info box.

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

Tip

TIP

This is a tip.

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

Warning

WARNING

This is a warning.

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

Danger

DANGER

This is a dangerous warning.

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

Details

Details

This is a details block.

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

Custom Title

STOP

Danger zone, do not proceed!

md
::: danger STOP
Danger zone, do not proceed!
:::

Nested details with a warning and a code block

Details

This is a details block.

DANGER

This is a dangerous warning.

js
console.log('Hello, world!')

GitHub-flavored Alerts

Note

md
> [!NOTE]
> This is a note.
> ```js
> console.log('Hello, world!')
> ```

NOTE

This is a note.

js
console.log('Hello, world!')

Tip

md
> [!TIP]
> This is a tip.
> ```js
> console.log('Hello, world!')
> ```

TIP

This is a tip.

js
console.log('Hello, world!')

Important

md
> [!IMPORTANT]
> This is important.
> ```js
> console.log('Hello, world!')
> ```

IMPORTANT

This is important.

js
console.log('Hello, world!')

Warning

md
> [!WARNING]
> This is a warning.
> ```js
> console.log('Hello, world!')
> ```

WARNING

This is a warning.

js
console.log('Hello, world!')

Caution

md
> [!CAUTION]
> This is a caution.
> ```js
> console.log('Hello, world!')
> ```

CAUTION

This is a caution.

js
console.log('Hello, world!')

Math Equations

When , there are two solutions to and they are

Maxwell's equations:

equationdescription
divergence of is zero
curl of is proportional to the rate of change of
wha?

Row Vector 1x3

To write a row vector, use the following syntax:

Column Vector 3x1

To write a column vector, use the following syntax:

Matrix 3x3

To write a matrix, use the following syntax:

this

Released under the MIT License.