在 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。
我正在寻找能够在 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。