NextJS 在 MDX 中导入图像

Question

我尝试了官方 NextJS MDX-Blog 示例。 https://github.com/mdx-js/mdx/tree/master/examples/next

但我无法弄清楚如何设置 NextJS 配置以通过 webpack 加载图像？

import img from "./image.jpg"

## Hallo Blogwelt

![My own Image]({img})

Answer 1

您还可以使用该/public目录来保存图像。例如，如果您在 处添加图像/public/image.jpg，则可以在博客文章中引用该图像，如下所示：

![Alt Text](/image.jpg)

编辑： https: //nextjs.org/docs/basic-features/image-optimization#local-images