文 - 篇  访客 -

关于解决https博客调用七牛云http格式图片失败问题


  分类:04 技术开发  / 
更新:2023-08-14 09:48:48  /  创建:2023-08-04 16:06:48
不要删除

背景

  1. 我的博客用的Markdown文档自动转换过来的。
  2. 博客跟我日常笔记工具 obsidian打通使用,现有很多笔记里 已使用了七牛 http格式的图片,如果要更换需要修改的量太大了。

方案

现在知道的两种方案,综合分析我直接修改第一种。

  1. 修改七牛云存储为https,产生流量费用,存储0~10G还是免费,而HTTPS流量都需要 0.28元/GB,不想花钱呀。
  2. 利用https站点网页服务器(nginx、Apache等)使用反向代理到七牛云空间域名地址,实现https访问七牛云http图片,又得绑定一个域名,反向代理的流量也跑不了,羊毛出在羊身上。

    1. 有个问题是,我必须重新修改obsidian里的床图地址,工作量太大,以后做床图的时候还得重新做一次,贼麻烦。
    2. 操作步骤附下方:
1. 新建一个代理网站,域名为image.xx.com,并添加ssl证书,实现https访问
2. 创建七牛云空间,域名指定为img.xx.com
3. 将image.xx.com整站配置反向代理,代理到img.xx.com即可
4. 最后,就可以使用https://image.xx.com/文件名.png访问七牛云http图片了

配置文件:

location / 
{
    proxy_pass http://img.xx.cn; 
    proxy_set_header Host img.xx.cn; 
    proxy_set_header X-Real-IP $remote_addr; 
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
    proxy_set_header REMOTE-HOST $remote_addr; 
    
    #持久化连接相关配置 
    #proxy_connect_timeout 30s; 
    #proxy_read_timeout 86400s; 
    #proxy_send_timeout 30s; 
    #proxy_http_version 1.1; 
    #proxy_set_header Upgrade $http_upgrade; 
    #proxy_set_header Connection "upgrade"; 
    
    add_header X-Cache $upstream_cache_status; 
    expires 12h; 
}

宝塔站点反向代理配置:

综上所述还是升级七牛云存储为https,(如果obsidian还能使用http那还不错,那倒可以。)

部署七牛https

    1. 阿里云上申请DigiCert 免费版 SSL 每年可以申请20个,个人或小规模完全够用的。
    2. 下载nginx版本证书。800
    1. 本地解压后会有两个文件对应的证书。800
    2. 去打开七牛云的上传证书页面:https://portal.qiniu.com/certificate/ssl#cert

    点击上传原有证书,把解压的xxx.key和xxx.pem的内容复制到下面两个框框内
    800

    1. 七牛域名管理里修改对应https配置信息,我的已经是开启状态。
    2. 选择刚才上传好的证书即可。800
    3. 建议开启HTTP/2,这是最新的 HTTP 协议,用以最小的网络延迟,提升网络速度,优化用户的网络体验;如需使用请您先配置 HTTPS 证书。比单开http更省流量,速度也更快。[https访问会使用到]

      1. HTTP/2 采用二进制格式传输数据,而非 HTTP 1.x 的文本格式,二进制协议解析起来更高效。
      2. HTTP/2 中,同域名下所有通信都在单个连接上完成,该连接可以承载任意数量的双向数据流,同个域名只需要占用一个 TCP 连接
      3. 服务端可以在发送页面HTML时主动推送其它资源。
      4. HTTP/2对消息头采用HPACK(专为http/2头部设计的压缩格式)进行压缩传输,能够节省消息头占用的网络的流量。
    4. 设置完就跟我这个差不多,想强制https也可以,我不打算这样开启(obsidian使用http免费流量,博客上的http会自动被转换为https省事,我在本地也不需要重新修改图片网址前缀。)

    800


    不要删除

    是日已过,命亦随减,如少水魚,斯有何乐?