GFM alert

Less than 1 minute

The theme adds GFM alerts support.

Settings

import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

export default defineUserConfig({
  theme: hopeTheme({
    markdown: {
      alert: true,
    },
  }),
});

Demo

Important

This is important text

Info

This is information text

Tips

This is tip text

Warning

This is warning text

Caution

This is caution text

Note

This is note text

> [!important]
> This is important text

> [!info]
> This is information text

> [!tip]
> This is tip text

> [!warning]
> This is warning text

> [!caution]
> This is caution text

> [!note]
> This is note text