这次我们在 vitepress 中添加图片预览功能!
转载至:https://github.com/vuejs/vitepress/issues/854
安装 medium-zoom
1 | npm i medium-zoom |
在 vitepress 主题配置文件中配置
1 | // .vitepress/theme/index.js |
添加 css 样式
1 | /* .vitepress/theme/index.css */ |
在 markdown 中使用
1 | ![](path/to/file.jpg){data-zoomable} |
如果您想在不显式添加{data-zoomable}的情况下为所有图像启用此功能,您可以将该 mediumZoom 调用更改为:
1 | mediumZoom(".main img", { background: "var(--vp-c-bg)" }) |