在Vuepress中禁用中等缩放功能

Question

我正在寻找一种在vuepress网站上的某些图像上禁用中缩放插件的功能。我目前拥有激活插件的最新vuepress，它会缩放除主页（主页）上的图像以外的所有图像。我正在使用markdown，不知道是否可行。预先感谢。

Answer 1

您可以将selector配置选项更改为自定义类，然后在页面或图像级别上使用该类（取决于要显示的图像）。

例如，您可以将selector文件中的medium-zoom的配置更改为：

config.js

然后您可以将想要放大图像的页面的

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

设置为pageClass frontmatter：

pageClass

不过，我还没有一种将CSS类添加到markdown图片中的方法。因此，如果您希望能够选择启用/禁用图像级别的缩放，则可能必须使用HTML图像标签而不是markdown。