vuepress-plugin-img-lazy

a vuepress plugin to better supporting image lazy loading

base on markdown-it-img-lazy and markdown-it-imsize and lozad

Live Demo

# Installation

yarn add vuepress-plugin-img-lazy
# or
npm i vuepress-plugin-img-lazy

# Usage

module.exports = {
  plugins: [
    'img-lazy'
  ]
}
![img](img.jpg)
<!-- or -->
![img](img.jpg =500x300) <!-- better -->
<!-- or -->
<img loading="lazy" data-src="img.jpg" class="lazy">

# Options

# useLoading

  • Type: Boolben
  • Default: true

Use the native image lazy-loading for the web

# selector

  • Type: string
  • Default: lazy

Default class name for image

markdown-it-img-lazy

markdown-it-img-lazy

a markdown-it plugin to better supporting image lazy loading

vuepress-theme-default-prefers-color-scheme