Question

我想使用Markdown Mdxjs（对于Gatsby网站）以响应方式并排放置图像。

表格对我不起作用，因为：

有必要在列中添加标题（我只想显示图像，没有文本）。
它对移动设备无响应（如果图像太大，则应在下一行显示）
无法调整图像大小

Answer 1

您可以将自定义反应组件的对象传递到MDXProvider，然后在MDX文件中使用它们。

import image1 from "./7.jpg"
import image2 from "./6.jpg"
import image3 from "./3.jpg"

## Big ol pupper blep

<cols num="3">
  <image-card src={image1} title="Shooberino waggy">
    Pupperino dat tungg tho floofs big ol doggorino thicc pupperino
  </image-card>
  <image-card src={image2} title="Biscit corgo">
    Maximum borkdrive floofs very jealous pupper
  </image-card>
  <image-card src={image3} title="Long bois shoob">
    What a nice floof
  </image-card>
</cols>

如何在Gatsby网站的Markdown Mdxjs中并排响应添加图像？

1 个答案: