图片未显示在 Readme.md 文件的 Github 上

Question

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

这是 Markdown Editor 中的样子：

这就是它在 Github(live) 上的样子：

请注意，MarkDown 编辑器按预期显示图像：

Answer 1

您正在尝试将 Markdown 嵌套在块级 HTML 中（特别是 <details>¹）。在最初的实现中，这个 doesn't work by design:

Note that Markdown formatting syntax is not processed within block-level HTML tags. E.g., you can’t use Markdown-style *emphasis* inside an HTML block.

如果您正在使用尊重此决定的实现，您应该能够使用 HTML 语法：

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

但是，较新的规范（最著名的是 GitHub 风味 Markdown 和 CommonMark）do 允许在块级元素中使用 Markdown，只要它们由空格分隔即可。

如果您使用的是现代实现，试试这个：

<details>
  <summary>Some summary</summary>

  ![Description](https://user-images.githubusercontent.com/foo/bar/baz.png)

</details>

¹Note that

"block-level" is not technically defined for elements that are new in HTML5

图片未显示在 Readme.md 文件的 Github 上

Images not showing on Github in Readme.md file

markdown

editor

github

readme