vuepress在自定义主题中,medium-zoom插件失效的问题解决

vuepress在自定义主题中,medium-zoom插件失效的问题解决

vuepress默认的主题挺不错的，但还是不太满足我的建站要求，所以就自己写了个主题。

写完之后发现图片不能点击放大，于是去官网看看有没有相关的插件，果然发现 一个medium-zoom插件.

去github仓库看了下这个仓库的描述，说是一个类medium网站中图片放大效果的js库。

听起来蛮牛逼的，medium算是国外一个文章质量很高的技术编程类网站。

vuepress添加插件还是很简单的，在config.js中添加插件名即可，然后运行看效果。

嗯… 为啥不行呢？？难道添加的方式有问题？ 仔细参照官网上的例子，没问题呀，这么简单怎么可能有问题呢。

又是一阵凸然…

找度娘… 没答案…

找谷歌… 没答案…

心力憔悴, 只能寄希望于github仓库了，仔细看了下medium-zoom库的使用方式，其中有个selector参数引起我的高度注意。

随即去vuepress官网看一下这个参数默认值是多少

默认值是.theme-default-content :not(a) > img

于是参照这个格式 在config.js配置中添加了

plugins: [
  ['@vuepress/medium-zoom', 
      {
        selector: '.page :not(a) > img',
      }
  ]
]

再次运行果然可以了。

真的是太难了，这么小个问题，百度、谷歌查这么久都没答案，难怪程序员容易掉头发的，百度、谷歌太不给力了。

版权声明：本文为凸然网站的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：vuepress在自定义主题中,medium-zoom插件失效的问题解决