Image 来自markdown元数据或frontmatter的NextJs图像

Image 来自markdown元数据或frontmatter的NextJs图像,image,markdown,next.js,Image,Markdown,Next.js,我需要加载来自标记元数据的图像 --- title: 'First Blog' description: 'First blog description' image: ../../common/src/assets/image/image.png author: 'Stack' --- 当我将其传递给代码并检查浏览器时,图像src就是下面的路径。它没有转换为静态/。。。和其他图像一样 <img src={post.frontmatter.image} /> 如何在不使用任何

我需要加载来自标记元数据的图像

---
title: 'First Blog'
description: 'First blog description'
image: ../../common/src/assets/image/image.png
author: 'Stack'
---
当我将其传递给代码并检查浏览器时,图像src就是下面的路径。它没有转换为静态/。。。和其他图像一样

<img src={post.frontmatter.image} />


如何在不使用任何插件(如下图)的情况下修复此问题。感谢您的帮助

Nextjs可以在根目录中的一个名为public的文件夹下提供图像。 将文件夹添加到根目录,称之为“public”,并将资产添加到其中

例如:

public
--common
----src
------assets
--------image
----------image.png
---
---
Nextjs会帮你处理剩下的事情。
更多关于

Nextjs可以在根目录中名为public的文件夹下提供图像。 将文件夹添加到根目录,称之为“public”,并将资产添加到其中

例如:

public
--common
----src
------assets
--------image
----------image.png
---
---
Nextjs会帮你处理剩下的事情。 更多关于

---
<img src={post.frontmatter.image} />
---