在 Markdown 中鼠标悬停时显示图像

Question

我想知道是否可以在普通或 GitHub Flavored Markdown 的工具提示/弹出窗口中显示链接图像。

我想这对于显示链接图像以简化降价长度很有帮助。

Answer 1

John Gruber 的原创 Markdown

有两件事：（1）纯文本格式化语法； (2) 一个用 Perl 编写的软件工具，可将纯文本格式转换为 HTML。

它坚定地关注内容，而不是表现形式。

但是，它支持 内联 HTML，因此，如果您已经有想要更改的图像并且愿意编写类似

<img src="a.jpg" onmouseover="this.src='b.jpg'" onmouseout="this.src='a.jpg'" />

的内容，您应该能够完成这项工作。

如果您想要不同的效果，可以尝试使用内联 HTML 引入外部 CSS 或 JS。

GitHub Flavored Markdown 是一个不同的故事。从 Markdown 输入生成 HTML 后

已清理，积极删除可能伤害您和您的亲属的内容，例如

script

标签、内联样式和

class

或

id

属性。请参阅清理过滤器以获取完整的白名单。

此过程几乎肯定会消除您尝试的任何鼠标悬停技术。