11ty-dither 中文文档教程

Question

尚未准备好生产

@11ty-dither

使用 dither-me-this 在构建时抖动图像 11ty。

11ty-dither 获取源图像，并输出多种尺寸和格式的抖动图像。 它将您的 元素替换为响应式 元素。

@11ty-dither 和 dither-me-this 是开源项目。 你可以通过 github 贡献。

Setup

npm install @11ty-dither

const { ditherAllImages } = require('@11ty-dither')

module.exports = (eleventyConfig) => {

    const ditherOptions = {

        /* Options for dither-me-this work here */

        inputDirectory: './src',
        outputDirectory: './_site',
        imageFolder: '/images',
        palette: ["#000", "#FFF"]
    }

    eleventyConfig.addPlugin(ditherAllImages, ditherOptions)

}