html - 某些图像不会出现在 codepen 中，但会出现在 we3schools 中

Question

我正在尝试将图像放入我在 codepen 的文档中。出于某种原因，它显示链接已损坏，但如果我尝试将图像加载到浏览器中，甚至在 w3schools 框架中，它就会显示出来。

这是代码的链接， https: //codepen.io/richardengle/pen/rNMRzzE 这是不会在 codepen 中显示的图像，但会在浏览器和 w3schools http://ryanspickapart.com/images中显示/信用卡图标.png

这是代码-请注意，第二张图片[狗]显示得很好……为什么其他图片不显示在这里？

<img src="http://ryanspickapart.com/images/credit-card-icons.png" alt='image wont load'>
<br>
<img src='https://images.unsplash.com/photo-1513639725746-c5d3e861f32a?ixlib=rb-1.2.1&auto=format&fit=crop&w=300&q=80' alt='image works fine' >

---

标签： html

Answer 1

用于签署 HTTPS 连接的 SSL 证书ryanspickapart.com已授予 picknpullsa.com。

如果您尝试ryanspickapart.com通过 HTTPS 访问，您的浏览器可能会警告您此不匹配：

并可能拒绝下载资产：

当您通过 HTTP 访问内容时，这不是问题，因为没有使用证书。Codepen 可能会强制您通过 HTTPS 访问资产。