博客 / 詳情

返回

為了白嫖 https 的圖牀, 順手寫了個 Picgo 的插件

image.png

🧠 前言

本文沒有什麼深奧的技術點,純粹是個人使用 Obsidian + Hexo 搭博客 + 圖片服務的折騰記錄,順便+1篇博客寫作練習。

背景

一直以來,我用 Obsidian 做“第二大腦”做知識沉澱。某天,「張三」想看我的一些筆記文章,於是我順手用 Hexo 搭了個 博客,還加了 HTTPS。之前文章中插圖都是用免費的 七牛雲 HTTP 圖牀 + PicGo 上傳,但是 HTTPS 的站點裏圖片全部掛了 🤣

初始方案:Nginx 反向代理七牛 HTTP 圖牀

我想走最簡單的方式,用自己的服務器做 HTTPS 代理,流量轉發給七牛。配置如下:

server {
    listen 443 ssl http2;
    server_name qiniussl.iamsb.top;

    ssl_certificate     conf.d/cert/qiniussl.iamsb.top.pem;
    ssl_certificate_key conf.d/cert/qiniussl.iamsb.top.key;
    ssl_session_cache   shared:SSL:10m;
    ssl_session_timeout  10m;
    ssl_protocols        TLSv1.2 TLSv1.3;
    ssl_prefer_server_ciphers on;

    location / {
        proxy_pass       http://qiniu.iamsb.top;
        proxy_set_header Host            qiniu.iamsb.top;
        proxy_set_header X-Real-IP       $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto https;
    }
}

✅ 優點

  • 配置簡單,不改 PicGo 上傳邏輯;
  • 不需遷移已有圖片。

❌ 缺點

  • 我那台小雞服務器,帶寬和性能都拉滿;
  • 加載一張圖要等好幾秒,非常影響瀏覽體驗。

最終方案:找免費 HTTPS 圖牀 + 自定義 PicGo 插件

我轉念一想:乾脆省省事,找個免費又支持 HTTPSAPI 無限制的圖牀,先臨時把圖託管上去, 後續在找找其他能安全存放圖片的方案。後來找到了「16 圖牀」,初印象還好那就它了。

為了繼續保留 PicGo 上傳體驗,就把 PicGo 稍微改造一下,寫了個自定義插件將圖片上傳到 16圖牀 上

插件源碼地址:

➡️ GitHub: Layouwen/picgo‑plugin‑custom‑api‑uploader

總結

階段 方案 優點 缺點
初期 Nginx 反向代理七牛 HTTP 圖牀 簡單、遷移無痛 服務器性能和帶寬受限
最終方案 免費 HTTPS 圖牀(16 圖牀)+ PicGo 上傳體驗一致,訪問速度還行 需要維護 PicGo 自定義插件, 也不知道靠不靠譜

若你也正考慮從 Obsidian 搭博客並處理圖片問題,希望這篇記錄能給你一些參考。歡迎留言討論~

相關鏈接

Github 主頁

上文提到到的博客

16圖牀

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.