# `@nolebase/markdown-it-unlazy-img`

A [`markdown-it`](https://github.com/markdown-it/markdown-it) plugin wraps and transforms image tags to support [unlazy](https://github.com/johannschopplich/unlazy) lazy loading with [blurhash](https://github.com/woltapp/blurhash), [thumbhash](https://github.com/evanw/thumbhash) encoding, and more.

## Install

### Npm

```shell
npm i @nolebase/markdown-it-unlazy-img -D
```

### Yarn

```shell
yarn add @nolebase/markdown-it-unlazy-img -D
```

### Pnpm

```shell
pnpm add @nolebase/markdown-it-unlazy-img -D
```

## Documentation

Please refer to [Lazy loading blurred images](https://nolebase-integrations.ayaka.io/pages/en/integrations/markdown-it-unlazy-img/) for more information.