为什么当我在自述文件中使用 HTML 标记时，图像无法显示在 VS Code 扩展库中？

Question

我想在我的Awesome Snippets Visual Studio Code Extension库中展示一个演示gif。为了更改图像大小，我必须在自述文件中使用 HTML 标签而不是常规的 Markdown 语法，但它似乎不起作用。那么有什么问题吗，我如何以某种有用的方式实现它？

HTML 标记代码在这里：

<img src="https://github.com/xindzju/vscode-cppsnippets/blob/master/images/vscdemo.gif" width="650" height="500" alt="demo"/>

Answer 1

我也有这个问题。

1. 确保存储库是公开的。
2. 进入.gif所在的存储库。
3. .gif应该在播放。
4. 右键单击.gif并选择复制图像地址。
5. 粘贴到您的 README.md

全部完成:)

Answer 2

图像必须仅来自受信任的站点(例如 Github(。我花了几轮时间确保图像在市场上显示。我最终得到的是通往Github的完整路径。例如：

<p style="float:right;">
<img src="https://raw.githubusercontent.com/mike-lischke/vscode-antlr4/master/misc/antlr-logo.png" alt="logo" width="64">
</p>

确保使用指向图像的直接链接，而不是普通的 Web 链接(这将返回网页，而不是图像(。