NextJS在MDX中导入图像

2022-06-23 00:00:00 reactjs javascript nextjs

我尝试了官方的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})

解决方案

您也可以使用/public目录保存您的图片。例如,如果您在/public/image.jpg添加图像,则可以在您的博客文章中引用该图像,如下所示:

![Alt Text](/image.jpg)

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

相关文章