嵌入存储在 github 中的图像

Question

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

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

我很难让它正常工作。我是否需要使用其他图像存储站点，或者是否可以为此目的使用 GitHub？

Answer 1

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

在您的情况下，链接将是：

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

Answer 2

假设您的图像位于

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