@11ty/eleventy-img 中文文档教程

发布于 3年前 浏览 26 项目主页 更新于 3年前

eleventy Logo

eleventy-img

需要 Node 12+

低级实用程序来为矢量和光栅图像执行构建时图像转换. 输出多种尺寸,保存多种格式,在本地缓存远程图像。 使用 sharp 图像处理器。

您保持对 HTML 的完全控制——此插件不生成任何标记。 与 或 CSS background-image 或其他一起使用! 非常适合将 widthheight 添加到您的图像中! 不需要或依赖 URL 或本地文件中的文件扩展名(如 .png.jpg),这些文件扩展名可能会丢失或不准确。

The full eleventy-img documentation is on 11ty.dev.

npm 版本GitHub 问题

Installation

npm install --save-dev @11ty/eleventy-img

完整的 eleventy-img 文档位于 11ty.dev

Tests

npm run test

Community Roadmap

eleventy Logo

eleventy-img

Requires Node 12+

Low level utility to perform build-time image transformations for both vector and raster images. Output multiple sizes, save multiple formats, cache remote images locally. Uses the sharp image processor.

You maintain full control of your HTML—this plugin does not generate any markup. Use with <picture> or <img> or CSS background-image, or others! Works great to add width and height to your images! Does not require or rely on file extensions (like .png or .jpg) in URLs or local files, which may be missing or inaccurate.

The full eleventy-img documentation is on 11ty.dev.

npm VersionGitHub issues

Installation

npm install --save-dev @11ty/eleventy-img

The full eleventy-img documentation is on 11ty.dev.

Tests

npm run test

Community Roadmap

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文