提供者

Hygraph

来源
Nuxt Image 与 Hygraph 集成。

Hygraph 和图片模块之间的集成。

要使用此提供者，您只需要指定项目的基 URL。

nuxt.config.ts
export default defineNuxtConfig({
  image: {
    hygraph: {
      baseURL: "https://<subdomain>.graphassets.com/<baseid>",
    },
  },
});

修饰符

来自 Hygraph 文档 的所有默认修饰符都可用，此外还提供 auto_image，它可以让 Hygraph 决定对用户浏览器最适合的图片格式，以及 quality 0-100。

<NuxtImg
  provider="hygraph"
  src="/cltsrex89477t08unlckqx9ue"
  height="512"
  width="512"
  fit="max"
  format="jpg"
  :quality="90"
/>

Gumlet

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

ImageEngine

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