【问题标题】:Images not showing on Github in Readme.md file图像未在 Readme.md 文件中显示在 Github 上
【发布时间】:2018-12-29 17:41:33
【问题描述】:
每次我将图像拖放到 Github 上项目的问题页面中,然后将链接复制到 Readme.md 文件。这通常有效,但如果我有一些更复杂的标签,则不会显示图像,而是会显示链接。
这是Markdown Editor 中的样子:
这就是它在 Github(live) 上的样子:
请注意,MarkDown 编辑器按预期显示图像:
【问题讨论】:
标签:
github
editor
markdown
readme
【解决方案1】:
您正在尝试将 Markdown 嵌套在块级 HTML 中(特别是 <details>¹)。这个doesn't work by design:
请注意,Markdown 格式化语法不会在块级 HTML 标记中处理。例如,您不能在 HTML 块中使用 Markdown 样式的 *emphasis*。
您应该能够使用 HTML 语法:
<details>
<summary>Some summary</summary>
<img alt="Description" src="https://user-images.githubusercontent.com/foo/bar/baz.png">
</details>
¹Note that
“块级”在技术上并未针对 HTML5 中的新元素进行定义