css - codepen 禁用外部图像链接

Question

我正常使用 codepen，我正在将 imgur 图片链接到 imgur 或 GoogleDrive，它们都可以工作，但一段时间后它们不再出现，这可能是什么？已配置为公开访问。

<https://codepen.io/Cleston/pen/zyxGdL>

Answer 1

来自 imgur.com 的图像在 CodePen 中不起作用，因为它们 (Imgur) 阻止了来自 CodePen 的 Referer。如果您的浏览器缓存了图像，它们将显示在您的 CodePen 中。但最终缓存将被删除，您的图像将不再显示。您可以通过查看浏览器开发工具中的网络调用来验证这一点。加载图像时状态代码为 200(来自磁盘缓存)。

如果您删除缓存(或以隐身模式打开新标签)，当浏览器尝试加载图像时，您会收到 403 Forbidden，因为 imgur 拒绝将这些图像提供给 CodePen。