提供商

Prepr

来源
Nuxt Image 与 Prepr CMS 集成。

Prepr 与 Nuxt Image 之间的集成。

要使用此提供商，您只需要在 Prepr 中指定项目的 projectName。

nuxt.config.ts
export default defineNuxtConfig({
  image: {
    prepr: {
      // E.g.: https://YourProjectName.prepr.io/
      projectName: 'YourProjectName',
    }
  }
})

修饰符

Prepr 提供商支持许多额外的修饰符。有关完整列表，请查看 Prepr 文档。目前 Prepr 文档中提到的所有当前转换都受支持。

目前，您可能会发现以下链接有用

prepr.io 不提供限制哪些域可以向您项目的 CDN 请求资产的方法，也不限制从 CDN 提供的图像的最大 像素 或 字节 大小。

便捷键修饰符

除了 Prepr 的原生修饰符之外，还支持以下更易读的修饰符

  • crop 等效于 c
  • format 等效于 format
  • height 等效于 h
  • quality 等效于 q
  • width 等效于 w

fit

除了 Prepr 文档中指定的尊重的值之外，还支持来自 默认 fit 行为 的以下选项

  • cover - 这将与 Prepr 修饰符 crop 相同，在没有传递值时（默认为 centre）
目前，此提供商不支持其他 fit 选项。

Netlify

使用 Netlify 的动态图像转换服务优化图像。

Prismic

Nuxt Image 与 Prismic 有着一流的集成。