只是一个 HelloWorld

Markdown Extension Examples ​

This page demonstrates some of the built-in markdown extensions provided by VitePress.

Syntax Highlighting ​

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

Input

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

Output

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

Custom Containers ​

Input

::: info 信息
这是一个信息框。
:::

::: tip
这是一个提示。
:::

::: warning
这是一个警告。
:::

::: danger STOP
这是一个危险的警告。
:::

::: details 点我查看
这是一个 详细 块。
:::

::: details 点我查看代码
//```js
//console.log('Hello, VitePress!')
//```
:::

Output

console.log('Hello, VitePress!')

More ​

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