vitepress-theme-demoblock使用方法

若您已经安装好 VitePress 并创建了一个新项目，您可以按照以下步骤使用 vitepress-theme-demoblock 主题：

1. 安装主题

在项目根目录下，通过 npm 安装 vitepress-theme-demoblock 主题：

npm install vitepress-theme-demoblock --save-dev

2. 配置主题

在 `.vitepress/config.js` 文件中，将主题配置为 `vitepress-theme-demoblock`：

module.exports = {
  theme: 'vitepress-theme-demoblock'
}

3. 在 Markdown 中使用

在 Markdown 中添加演示示例，使用 `:::demo` 和 `:::` 包裹示例代码和演示效果：

:::demo

<div>
<button onclick="alert('Hello, World!')">Click Me!</button>
</div>

console.log('Hello, World!');

:::

4. 启动项目

运行以下命令启动项目：

npm run dev

启动成功后，您可以在浏览器中查看示例演示效果。