前言 Vuepress默认的图片浏览是点击放大，可以说是非常简洁，如果网站图片比较多，还是可以加载Fancybox来使它更加优雅。 因为我不喜欢把一大堆包都放在服务器，直接从CDN引入，自动加载其最新版本，这样省去很多后期维护成本。 这篇文章介绍一下这种最简单的方法让Vuepress网站使用Fancybox。 图片步骤（已验证） 创建fancybox插件 在docs/.vuepress/plugi […]
Vuepress使用Fancybox播放图片以及视频 阅读更多»
前言 Fancybox 是一个用于创建灵活且可定制的图片和媒体弹出框的JavaScript库。 Fancybox v5是其最新版本。要使用Fancybox v5，需要在HTML文件中包含必要的CSS和JavaScript文件，以及一个HTML元素作为触发器。 然后，使用Fancybox.bind方法来绑定Fancybox到该元素。 这边稍微研究一下。 使用步骤 引入fancybox <!–
前言 为什么我们要让网站图片点击后自动放大？很多时候，我们插入文章、页面中的图片因为尺寸或其他原因，图片是不太清晰的，尤其是截图。这样读者在观看的时候，体验会非常差。特别是有些教程中的图片，本来图片中的文字很小，如果图片还不是很清晰，教程的效果就会打折扣。 实现图片点击放大功能，方法有很多种，有添加代码的，也有插件的。本着能不用插件就不用插件的原则，尽量还是用代码实现功能。 未插入代码如下所示，点