@mdit/plugin-img-lazyload

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

使用

TS

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)");

JS

const MarkdownIt = require("markdown-it");
const { imgLazyload } = require("@mdit/plugin-img-lazyload");

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

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

描述

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

注

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