小编Har*_*tal的帖子

我正在尝试为我的Markdown创建一个接受图像源的自定义组件。我无法通过自定义组件显示图片，因为找不到图片，因为图片不存在

我还意识到图像路径是由GatsbyJS生成的，我不知道如何在markdown中检索图像的路径。

我确实有一个自定义组件，其中包含一些文本，但我无法对图像执行相同的操作。

这是一个带有标题和几个单词的简单减价。

index.md

---
title: ToDoApp
---

Hi this is my todoapp app. Below is a bunch of screens

<imageholder src='./screen1.png'></imageholder>
![Image from Gyazo](./screen1.png) <!-- it displays... -->

我创建了一个名为imageholder的自定义组件，该组件在显示图像时拥有一些逻辑（不久之后...）

ImageHolder.js

import React from "react"
   export default class ImageHolder extends React.Component {
   render() {
     return (
       <img src={this.props.src} alt="Logo"/>
     )
   }
 }

project-post.js

const renderAst = new rehypeReact({
  createElement: React.createElement,
  components: {
   "imageholder": ImageHolder
  },
}).Compiler 

我收到了