禁用媒体-放大Vuepress

Question

我正在寻找的能力，以禁用一些图片的中等缩放插件在vuepress网站。我现在有最新的vuepress与插件激活，它缩放所有的图像，除了一个在主(主页)页面。我用的是减价，不知道这是否可能。提前谢谢。

Answer 1

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

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

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

然后，可以将希望缩放图像的页面的pageClass frontmatter设置为zoomable-images。

---
pageClass: zoomable-images
---

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