为vitepress添加更专业的Demo演示能力，让您在开发vue组件库或者vue相关文档编写时，可以通过引入vue文件的时候结果显示和代码演示。
\r\n\r\n## 文档\r\n\r\n[官方文档](https://1006008051.github.io/vitepress-demoblock) | [快速上手](https://1006008051.github.io/vitepress-demoblock/demo/guide/quickstart.html) | [组件演示](https://1006008051.github.io/vitepress-demoblock/demo/md/button.html)\r\n\r\n## 安装\r\n\r\n我们建议您使用包管理器 (NPM,[Yarn](https://classic.yarnpkg.com/lang/en/), [pnpm](https://pnpm.io/) 安装vitepress-demoblock\r\n```\r\n# 选择一个你喜欢的包管理器\r\n\r\n# NPM\r\n$ npm install vitepress-demoblock --save\r\n\r\n# Yarn\r\n$ yarn add vitepress-demoblock\r\n\r\n# pnpm\r\n$ pnpm install vitepress-demoblock\r\n```\r\n\r\n\r\n## 引入\r\n先注册 `vitepress-demoblock` 提供的markdown解析插件\r\n```js\r\n// .vitepress/config.ts or .vitepress/config.js\r\nimport demoblock from 'vitepress-demoblock';\r\nexport default {\r\n // ...\r\n markdown: {\r\n // ...\r\n config: (md) => {\r\n md.use(demoblock)\r\n }\r\n },\r\n}\r\n```\r\n再引入 `vitepress-demoblock` 提供的demo组件\r\n```js\r\n// .vitepress/theme/index.ts or .vitepress/theme/index.js\r\nimport DefaultTheme from 'vitepress/theme'; //引入默认主题\r\nimport demo from 'vitepress-demoblock/demo.vue'\r\nexport default {\r\n ...DefaultTheme,\r\n enhanceApp({ app }) {\r\n app.component('demo', demo)\r\n }\r\n```\r\n## 使用\r\n\r\n###### 输入\r\n```\r\n