Skip to content

VitePress使用技巧

更新时间: 2025-01-16T00:00:00.000Z

技术分享
VitePress
Markdown

VitePress使用技巧

在这篇文章中,我想分享一些使用VitePress的实用技巧。

Markdown扩展功能

VitePress提供了丰富的Markdown扩展功能:

代码块高亮

```js
export default {
  name: "MyComponent",
  data() {
    return {
      msg: "Hello VitePress!"
    }
  }
}
```

自定义容器

TIP

这是一个提示信息。

WARNING

这是一个警告信息。

代码行高亮

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

主题定制

VitePress允许你通过CSS变量来定制主题样式,这使得个性化变得非常简单。

希望这些技巧对你有帮助!

Released under the MIT License.