如何在 Next.js 中添加自定义图像占位符？

Question

在名为placeholder和blurDataURL的下一个Image组件上有这些属性，而placeholder有两个值。 'blur'或'empty' ，没有其他选项，我想如果我确实将placeholder设置为'blur'并将/cover.svg设置为blurDataURL之类的占位符文件； 它会做的伎俩......但它没有。 我只得到了那个图像的模糊版本，这不是我想要的。 我在谷歌上到处搜索，试图找到一种方法来设置cover.svg作为我的占位符，但我没有找到答案。

const Comonent = () => {
  return <Image placeholder='blur' blurDataURL='/conver.svg' layout='fill' />
}

Answer 1

阅读博客，我想你会得到答案https://dev.to/codegino/dynamic-image-placeholder-in-nextjs-5052