网站插入七牛云图片不显示?原来是这个小坑!
前段时间,我在用 思源笔记 + Typecho 博客 搭配,实现电脑、手机随时更新博客(站点:www.0731119.xyz)
配置倒是顺利,文章和图片都能同步到网站,可奇怪的是——图片上传成功,却在网页上死活不显示。
一开始我以为是插件、主题、缓存的问题,结果百度了一圈,相关解决方案几乎没有。
直到刷到一条评论,才恍然大悟——原来罪魁祸首是 “图片访问协议不一致” :
网站是 HTTPS,而七牛云返回的图片链接是 HTTP。
浏览器的同源策略直接拦截了这些不安全的资源。
解决办法其实很简单:让两边的访问协议保持一致(比如把图片链接改成 HTTPS)。改完立刻恢复正常显示!
如果你也遇到 “七牛云图片上传成功却不显示” 的奇葩问题,不妨试试这个方法。
你有没有踩过类似的坑?欢迎在评论区分享,互相帮一把!