是否可以在github降价渲染中禁用图像的自动链接?

ogr*_*nek 14 markdown github

当github.com在readme.md中呈现图像时,它会自动链接a标记中的图像.

使用其中之一

![][http://example.com/path/image]
Run Code Online (Sandbox Code Playgroud)

要么

<img src="http://example.com/path/image" />
Run Code Online (Sandbox Code Playgroud)

实际呈现的内容将显示为

<a href="https://camo.githubusercontent.com/8a545f12e16ff12fd...." target="_blank"><img src="https://camo.githubusercontent.com/8a545f12e16ff12f..." alt="" data-canonical-src="http://example.com/path/image" style="max-width:100%;"></a>
Run Code Online (Sandbox Code Playgroud)

我理解github图像缓存(在camo.githubusercontent.com上),这很好,但我不希望a标签包装我的图像.

我不确定这是否是github风格的自动URL链接或特定图像的一部分.

我能够提供自己的链接(使用我自己的a标签),但我真正想要的是没有链接,没有a标签.

这可能吗?

谢谢!

小智 19

您可以使用该<picture>标签来阻止 GitHub 自动链接到该图像。

<picture>
  <img alt="Image Alt Text" src="http://example.com/path/image">
</picture>
Run Code Online (Sandbox Code Playgroud)

  • 恕我直言,这应该是公认的答案。做工精美 (3认同)
  • 提供的代码不完整,因为 Github 将尝试根据配色方案(浅色/深色)显示图像,因此您需要包含链接中提供的完整示例(需要包含完整的“prefers-color-scheme: dark”) /`首选颜色方案:光`逻辑)。要测试这种情况,请在“设置”中切换 Github 颜色浅/暗方案并观察。如果操作不当,您的图像将根据活动的亮/暗方案消失/重新出现。 (3认同)

Tam*_*gel 13

您可以使用指向以下内容的链接来包装您不希望拥有外部链接的图像#:

[![](http://example.com/path/image)](#)

<a href="#"><img src="http://example.com/path/image" /></a>
Run Code Online (Sandbox Code Playgroud)

图像仍然可以点击,但至少不会打开新页面.

  • 我不同意它没有任何帮助,它有助于让读者保持在同一页面,虽然不是很好,但仍然明显比把他们发送到其他地方要好 (3认同)
  • 很好的方法,但如果你将它与你的 Github 个人资料自述文件一起使用,点击“#”链接会导致你的个人资料左栏(照片下方)出现奇怪的视觉故障。 (2认同)