0

我无法让 Nuxt Image 处理动态图像。如果我在开发模式下运行它,下面的代码将按预期工作,但如果我运行nuxt generate来创建一个静态站点(打算在没有 3rd 方图像提供程序的情况下托管在 Netlify 上),则图像不会得到处理。有人知道解决方法吗?这将是一个非常注重图像的静态站点,如果我不能让它工作,我将不得不放弃 Nuxt 去做别的事情,我宁愿不这样做。有一些github问题,但到目前为止没有解决..

  <masonry-wall :items="project.images">
    <template #default="{ item, index }">
      <nuxt-img
        :src="pathForImage(item.path)"
        :key="index"
        sizes="sm:100px md:500px lg:1000px"
      />
    </template>
  </masonry-wall>

项目引用了一个 Markdown 文件,我用 Nuxt Content 加载,看起来像

---
id: "project-id"
title: "project-title"
year: "2022"
images:
  - path: "image1.jpg"
  - path: "image2.jpg"
  - path: "image3.jpg"
  - path: "image4.jpg"
---
4

0 回答 0