css - CodePen 支持 Flickr 的已知问题？

Question

新手在这里编程！我正在使用非常基本的HTML/CSS文件完成一个项目，并且我使用Atom作为我的编辑器。HTML 和 CSS 文件都经过验证，没有错误，并且可以在 Atom HTML 预览和 Chrome 中很好地预览页面。

我上传到Flickr的 HTML 文件中有两张图片，以便我可以通过CodePen提交我的项目以供审核。当我插入CodePen的新img src代码时，它们显示为损坏的图像链接。

例如，下面的代码在 Atom HTML 和 Chrome 浏览器预览中运行良好（使用 upticks 而不是括号以便于查看帖子）：

'img src="lizatdesk.png" class="image" alt="graphic of Liz sitting at her desk"'

这是我由 Flickr 分配并插入 CodePen 的链接 - 导致链接断开（使用 upticks 而不是括号以便于查看帖子）：

'img src="https://flic.kr/p/QFZVZp" class="image" alt="graphic of Liz sitting at her desk"'

有人可以帮忙吗？

Answer 1

https://flic.kr/p/QFZVZp不指向图像。它指向一个 HTML 页面。要显示存储在 Flickr 上的照片，您必须使用照片的 URL；请参阅此常见问题解答。在你的情况下，那是https://c1.staticflickr.com/1/255/31957771213_4ed09e18b1_o.png. 根据 Flickr 使用条款，您还必须提供返回 Flickr 的链接。