CodePen支持Flickr的问题？

Question

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

我有我上传到Flickr的这样我可以通过CodePen提交项目审查HTML文件两个图像。当我插入CodePen的新代码img src时，它们显示为断开的图像链接。

例如，下面的代码在凌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上的照片，您必须使用照片的网址;看到这个FAQ。在你的情况下，这是https://c1.staticflickr.com/1/255/31957771213_4ed09e18b1_o.png。根据Flickr的使用条款，您还必须提供一个链接回Flickr。