如何在个人网站上正常渲染Facebook提供的图片链接

核心原因 #

Facebook及旗下Instagram的CDN资源默认配置了两层限制，所以直接把链接放到img标签的src属性中无法正常加载：

• 链接自带临时有效期：链接中的oe参数是过期时间戳，到期后链接会直接失效
• 防盗链校验：CDN会校验请求头的Referer字段，非授权域名的请求会被直接拦截

可行方案 #

• 最稳定的生产可用方案
  直接访问现有链接把图片下载到本地，再上传到你自己的静态资源服务器、合规公有云存储或第三方图床，使用你自己的资源地址嵌入页面即可，不受Facebook的链路限制，也没有过期风险。
• 本地临时调试方案
  如果仅做本地测试使用，可以先在浏览器中打开该图片链接，加载成功后右键复制图片地址，短时间内可以在本地静态页中正常使用，但是到期后或者上线到公网环境仍会失效。
• 临时绕过有效期方案（不保证长期可用）
  可以尝试删除链接中.jpg后的所有查询参数，仅保留资源路径部分：
  https://instagram.fbeg2-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s640x640/211923633_341835957436071_2595781851662408146_n.jpg
  部分场景下可以绕过临时有效期校验，但仍受防盗链规则限制，仅可用于临时测试。

注意事项 #

如果用于商用场景，请提前确认你对该图片拥有合法使用权，避免出现侵权问题。

内容的提问来源于stack exchange，提问作者Vojin