在 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 类添加到 markdown 图像的方法。因此，如果您希望能够在图像级别上选择启用/禁用缩放，则可能必须使用 HTML 图像标签而不是 markdown。