NextJS在MDX中导入图像

NextJS import images in MDX(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中导入图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！