愿所有的美好和期待都能如约而至

NextJS在MDX中导入图像

发布时间:  来源:互联网  作者:匿名  标签:error NextJS import images in MDX exception IT资讯 javascript nextjs reactjs 技术社区   热度:37.5℃

本文介绍了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中导入图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP