github - 图像未在 Readme.md 文件中显示在 Github 上

Question

每次我将图像拖放到 Github 上项目的问题页面中，然后将链接复制到 Readme.md 文件。这通常有效，但如果我有一些更复杂的标签，则不会显示图像，而是会显示链接。

这是它在Markdown 编辑器中的样子： 这是它在 Github(live) 上的样子： 请注意，MarkDown 编辑器按预期显示图像：

Answer 1

您正在尝试将 Markdown 嵌套在块级 HTML 中（特别是<details>¹）。这不是设计使然：

请注意，Markdown 格式化语法不会在块级 HTML 标记中处理。例如，您不能*emphasis*在 HTML 块中使用 Markdown 样式。

您应该能够使用 HTML 语法：

<details>
  <summary>Some summary</summary>
  <img alt="Description" src="https://user-images.githubusercontent.com/foo/bar/baz.png">
</details>

---

¹请注意

技术上没有为 HTML5 中的新元素定义“块级”