🧠 前言
本文沒有什麼深奧的技術點,純粹是個人使用 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 插件
我轉念一想:乾脆省省事,找個免費又支持 HTTPS、API 無限制的圖牀,先臨時把圖託管上去, 後續在找找其他能安全存放圖片的方案。後來找到了「16 圖牀」,初印象還好那就它了。
為了繼續保留 PicGo 上傳體驗,就把 PicGo 稍微改造一下,寫了個自定義插件將圖片上傳到 16圖牀 上
插件源碼地址:
➡️ GitHub: Layouwen/picgo‑plugin‑custom‑api‑uploader
總結
| 階段 | 方案 | 優點 | 缺點 |
|---|---|---|---|
| 初期 | Nginx 反向代理七牛 HTTP 圖牀 | 簡單、遷移無痛 | 服務器性能和帶寬受限 |
| 最終方案 | 免費 HTTPS 圖牀(16 圖牀)+ PicGo | 上傳體驗一致,訪問速度還行 | 需要維護 PicGo 自定義插件, 也不知道靠不靠譜 |
若你也正考慮從 Obsidian 搭博客並處理圖片問題,希望這篇記錄能給你一些參考。歡迎留言討論~
相關鏈接
Github 主頁
上文提到到的博客
16圖牀