嵌入存储在github中的图像

Question

我正在将一个项目的图像文件夹上传到GitHub，我想在Flask中显示它们。

<img src="https://github.com/madelinekinnaird/Gerrymandr/blob/master/images/az1.PNG"> 

我无法使它正常工作。我需要使用另一个图像存储站点，还是可以为此使用GitHub？

Answer 1

假设您的图片位于

https://github.com/userName/ImageRepo

比从浏览器使用以下链接访问该图像 https://raw.githubusercontent.com/userName/ImageRepo/master/FileName.ext

例如： 位置：https://github.com/pavanghai/images/blob/master/wine_scatter.jpg

浏览器链接：https://raw.githubusercontent.com/pavanghai/images/master/wine_scatter.jpg

Answer 2

您的方法看起来正确。但是，您正在链接到github存储库中的文件 。相反，您应该链接到图像本身。您可以通过右键单击图像并选择“复制图像地址”来获取链接。

对于您而言，链接为：

https://github.com/madelinekinnaird/Gerrymandr/blob/master/images/az1.PNG?raw=true