在 Vuepress 中禁用中等缩放

Disable Medium-zoom in Vuepress

我正在寻找能够在 vuepress 站点内的某些图像上禁用中等缩放插件的功能。我目前有激活插件的最新 vuepress,它会缩放除主页(主页)上的图像之外的所有图像。我正在使用降价,不知道这是否可能。提前致谢。

您可以将 selector 配置选项更改为自定义 class,然后在页面或图像级别使用 class(取决于您要显示的图像) .

例如,您可以将 config.js 文件中 medium-zoom 的配置更改为:

'@vuepress/medium-zoom': {
   selector: '.zoomable-images img'
}

然后你可以将你想要缩放图片的页面的 pageClass frontmatter 设置为 zoomable-images:

---
pageClass: zoomable-images
---

不过,我还没有找到将 CSS class 添加到降价图片的方法。因此,如果您希望能够 select enable/disable 缩放图像级别,您可能必须使用 HTML 图像标签而不是 markdown。