CodePen支持Flickr的问题是什么？

Question

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

我在HTML文件中有两张图片，我上传到 Flickr ，以便我可以通过 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上的照片，您必须使用照片的网址;见FAQ。在你的情况下，那是https://c1.staticflickr.com/1/255/31957771213_4ed09e18b1_o.png。根据Flickr使用条款，您还必须提供返回Flickr的链接。