1.0.5 • Published 26 days ago
@vue-hooks-plus/vitepress-demo-block v1.0.5
@ruabick/md-demo-plugins
与 @ruabick/vitepress-demo-block
配合使用在 VirePress 里面支持demo-block
。
步骤 1: 增加 markdown 插件
安装插件 pnpm add @ruabick/md-demo-plugins -D
// .vitepress/config.js
import { applyPlugins } from '@vue-hooks-plus/md-demo-plugins'
export default defineConfig({
markdown: {
config: md => {
applyPlugins(md)
},
},
})
步骤 2: 注册 demo 组件
安装插件 pnpm add @vue-hooks-plus//vitepress-demo-block -D
// docs/.vitepress/theme/index.ts
import DemoBlock from '@vue-hooks-plus//vitepress-demo-block'
import '@vue-hooks-plus//vitepress-demo-block/dist/style.css'
export default {
...DefaultTheme,
enhanceApp({ app, router, siteData }) {
app.component('demo', DemoBlock)
},
}
步骤 3: 修改 VitePress Code Blocks
样式 (可选)
VitePress
默认 Code Blocks
是黑色,与 demo 样式不太符合,所以建议修改 Code Blocks
样式。
1.0.2
26 days ago
1.0.1
26 days ago
1.0.5
26 days ago
1.0.4
26 days ago
1.0.3
26 days ago
1.2.0
1 year ago
1.2.8
1 year ago
1.2.7
1 year ago
1.3.5
1 year ago
1.2.6
1 year ago
1.3.4
1 year ago
1.2.5
1 year ago
1.3.3
1 year ago
1.2.4
1 year ago
1.3.2
1 year ago
1.2.3
1 year ago
1.3.1
1 year ago
1.2.2
1 year ago
1.3.0
1 year ago
1.2.1
1 year ago
1.2.9
1 year ago
1.1.0
2 years ago
1.0.0
2 years ago