NextJS在MDX中导入图像

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

本文标题为:NextJS在MDX中导入图像

基础教程推荐