本文介绍了NextJS在MDX中导入图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

这篇关于NextJS在MDX中导入图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持吉威生活！

[英文标题]NextJS import images in MDX

声明：本媒体部分图片、文章来源于网络，版权归原作者所有，如有侵权，请联系QQ:330946442删除。