markdown-it-img-lazy

一个为了更好的支持图片懒加载的 markdown 插件

源码

由于原生的 原生懒加载 的兼容性,写了插件转换 markdown 文件的 img

![img](img.jpg) -> <p><img alt="img" data-src="img.jpg" loading="lazy" class="lazy"></p>

转化成这种格式是为了更好的通过 js 去实现原生懒加载或者通过 Lozad.js实现

如果浏览器支持 loading="lazy" 则将 data-src -> src, 如果不支持则直接初始化 Lozad

从表现上来说原生懒加载会比Lozad多加载一些距离的图片

usercss

usercss

一个修改网站默认样式的样式,基于 StylusxStyle 实现样式覆盖

vuepress-plugin-img-lazy

vuepress-plugin-img-lazy

一个为了更好的支持图片懒加载的 vuepress 插件