# 全局组件

VitePress自带一些可以全局使用的内置组件。你可以在你的markdown文件或自定义主题配置中使用这些组件。

# Content

Content组件显示渲染后的Markdown内容。 当你创建自定义主题时有用。

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

# ClientOnly

ClientOnly组件仅在客户端渲染其插槽。

因为VitePress应用在生成静态构建时是通过Node.js服务端渲染的，因此所有Vue的使用必须符合编写通用代码的要求。简而言之，要确保只在beforeMount 或 mounted时访问浏览器/DOM的接口。

如果你在使用或展示非SSR友好(比如包含自定义指令)的组件，你就可以使用ClientOnly将其包裹。

<ClientOnly>
  <NonSSRFriendlyComponent />
</ClientOnly>

# OutboundLink

OutboundLink用于表示外部链接。在VitePress中，这个组件后面跟着外部链接。