@mdit/plugin-img-lazyload

为图片添加懒加载功能的插件。

使用

import MarkdownIt from "markdown-it";
import { imgLazyload } from "@mdit/plugin-img-lazyload";

const mdIt = MarkdownIt().use(imgLazyload);

mdIt.render("![Image](https://example.com/image.png)");

描述

该插件会自动向所有图像添加 loading="lazy" 以让它们延迟加载。

注

这是 HTML5 的原生功能，因此你的浏览器必须支持 loading=lazy 属性。