VitePress

VitePress VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的站点而设计。简而言之，VitePress 获取用 Markdown 编写的内容，对其应用主题，并生成可以轻松部署到任何地方的静态 HTML 页面。

在Markdown中使用vue

.md 文件：

html

<script setup>
import HeartStoneCard from '../../components/HeartStoneCard.vue';
</script>

## Markdown Content

<HeartStoneCard />

<style module>
/* 这里可以添加页面特有的样式，若没有则可不写 */
</style>

.vue 文件:

vue

<template>
  <div class="playing-card">
    <div class="playing-card-front"></div>
  </div>
</template>

<script setup>
import { onMounted, onUnmounted, ref } from 'vue';
// 脚本内容
</script>

<style scoped>
/* 整体页面布局 */

.playing-card-front {
  width: 100%;
  height: 100%;
  background-image: url('/xiaoxiayan.png');
  background-size: cover;
  transform-style: preserve-3d;
  will-change: transform;
  transition: all 1s cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
</style>

内部链接

相同目录下文件之间相互链接：

libs-
    |——express.md
    |——koa.md
    |——vitepress.md

markdown

### [1.在实际项目中，你会基于什么因素来选择使用koa或express？](koa#_1-在实际项目中-你会基于什么因素来选择使用koa或express)
### [2.使用koa或express处理复杂业务逻辑的经验](koa#_2-使用koa或express处理复杂业务逻辑的经验)
### [3.如何对koa或express应用进行性能优化](koa#_3-如何对koa或express应用进行性能优化)
### [4.express和koa之间如何相互迁移](koa#_4-express和koa之间如何相互迁移)

VitePress ​

在Markdown中使用vue ​

内部链接 ​

VitePress

在Markdown中使用vue

内部链接