CodePen 支持 Flickr 的已知问题?

Problems Known with CodePen Supporting Flickr?

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

中正常预览

我在 HTML 文件中有两张图片已上传到 Flickr 以便我可以通过 CodePen[= 提交我的项目以供审核28=]。当我为 CodePen 插入新的 img src 代码时,它们显示为损坏的图像 links.

例如,下面的代码在 Atom HTML 和 Chrome 浏览器预览中工作正常(使用上标而不是括号以便于查看 post):

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

这是我的 link 由 Flickr 分配并插入 CodePen - 结果损坏 link(使用上标而不是括号以便于查看 post):

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

有人可以帮忙吗?

https://flic.kr/p/QFZVZp 没有指向图像。它指向一个 HTML 页面。要显示存储在 Flickr 上的照片,您必须使用照片的 URL;看到这个 FAQ。在你的例子中,那是 https://c1.staticflickr.com/1/255/31957771213_4ed09e18b1_o.png。根据 Flickr 使用条款,您还必须向 Flickr 提供 link。