Nuxt.js：如何在 Markdown 博客内容中包含本地图像？

Question

我在 Nuxt.js 中创建了一个博客，我的文章使用 Markdown。在撰写第一篇文章时，我意识到我无法在assets文件夹中的 Markdown 文章中包含图像。仅当它是如下例所示的链接时才有效：

降价图像：

如何从该位置在 Nuxt.js Markdown 中插入图像？assets/images/blog/trees.png

Answer 1

在 vue 文件中，您可以assets使用以下方式访问文件夹中的图像：

<template>
  <img src="~/assets/your_image.png" />
</template>

在 Markdown 文件中，您可以使用 Markdown 语法执行相同的操作：

![image alt text](~/assets/your_image.png)

但由于文件夹中的文件独立于 webpack，因此每次在文件夹中添加文件时都content必须运行。nuxt generateassets

更多信息在这里： https: //nuxtjs.org/docs/2.x/directory-struct/assets/ https://github.com/nuxt/content/issues/106

Answer 2

看起来相对路径当前不可用：https://github.com/nuxt/content/issues/693#issuecomment-750412810

将图像放入目录后，只有绝对路径才/static有效

![alt text](/images/blog/trees.png)