VitePress

全局组件

VitePress 只有很少的内置组件可以在全局范围内使用. 您可以在您的 Markdown 或自定义主题配置中使用这些组件.

Content

Content组件渲染呈现的 Markdown 内容. 在创建您自己的 theme 时很有用.

<template>
  <h1>Custom Layout!</h1>
  <Content />
</template>

ClientOnly

ClientOnly组件仅在客户端渲染其 slot.

因为在生成静态构建时, VitePress 应用程序是在 Node.js 中服务器呈现的, 所以任何 Vue 的使用都必须符合通用代码要求. 简而言之, 确保在 mount 或挂载钩子之前只访问 Browser / DOM APIs.

如果您使用或演示的组件不是 SSR 友好的(例如, 包含自定义指令), 您可以将它们包装在ClientOnly组件中.

<ClientOnly>
  <NonSSRFriendlyComponent />
</ClientOnly>

Outbound Link指示符用于表示外部链接. 在 VitePress 中, 每个外部链接都紧跟着这个组件.