<!-- 链接到其他页面 -->
[Getting Started](./getting-started)
[Getting Started](../guide/getting-started)
[Getting Started](../guide/getting-started#heading)
<!-- 连接到非VitePress 页面（src 目录下其他html页面） -->
[Link to pure.html](/pure.html){target="\_self"}
<!-- 链接到外部页面 -->
[Getting Started](https://vitepress.vuejs.org/guide/getting-started.html)<i-carbon-accessibility/>
// 自定义图标
<i-custom-aaa/>details containercontainermarkdown
[!code highlight]
[!code focus]
[!code --]
[!code ++]
[!code warning]
[!code error]<script setup>
import { ref } from 'vue'
import CustomComponent from '../../components/CustomComponent.vue'
const count = ref(0)
</script>
## Markdown Content
# 我是一个带着组件的标题 <Tag/>
<CustomComponent />
The count is: {{ count }}
<button :class="$style.button" @click="count++">Increment</button>
<style module>
.button {
color: red;
font-weight: bold;
}
</style>生产环境，如果发现不正确渲染，请检查这里。 可能vite的自动引入，在这里不能用，需要 script
只能有一个 <script setup><style module>
在 Markdown 中使用时， <style scoped><style module>
确保自定义组件的名称包含连字符或采用 PascalCase。否则，它将被视为内联元素并包裹在 <p><p>
## 给标题添加组件，或更换锚点 <NTag> 爱在西元前 </NTag> {#my-anchor}