博客图片管理方案: GitHub仓库 + PicGo + CDN加速
我的问题:
我目前用github page + hexo
搭建了一个个人的博客框架,本地用Obsidian
来写blog
,我保存图片最好用什么呢,是用github
的仓库还是图床,我需要稳定便捷,我平时主要在Windows
和Linux
上来写Blog
,因此需要具有这两个平台的兼容性
跨平台图片管理方案(Windows + Linux)
为满足Windows和Linux双平台兼容性,同时保证稳定性和操作便捷性,推荐以下方案:
核心方案:GitHub仓库 + PicGo + CDN加速
1. 创建GitHub图片专用仓库
- 新建一个GitHub仓库(如
blog-images
),建议设为公开以使用免费CDN。 - 优势:数据完全自主控制,无存储容量限制(适合个人图片存储)。
2. 使用PicGo跨平台上传工具
工具选择:
配置GitHub图床:
生成GitHub Token(需
repo
权限)。打开安装的
.AppImage
文件,Linux可以使用disown
实现前后端分离初始化配置:
安装插件:
插件配置:
3. 集成Obsidian实现一键上传
插件安装:
- 使用Obsidian插件 Image Auto Upload Plugin(支持Windows/Linux)。
配置插件:
- 设置PicGo-Core的上传命令路径(默认已全局安装,直接填写
picgo upload
)。 - 开启「自动替换本地路径为CDN链接」功能。
- 设置PicGo-Core的上传命令路径(默认已全局安装,直接填写
操作流程:
在Obsidian中直接粘贴图片 → 插件调用PicGo-Core上传 → 自动替换为加速链接(格式如
)。
**4. 可选:本地图片压缩(节省存储空间)**这个我目前没需求暂时没用
- 使用开源工具 Squoosh CLI 批量压缩图片:
1
2
3
4# 安装
npm install -g @squoosh/cli
# 压缩目录内所有图片
squoosh-cli --webp-auto input_dir -d output_dir
方案优势
维度 | 说明 |
---|---|
跨平台 | PicGo-Core + Obsidian插件全平台兼容,Windows/Linux无缝切换。 |
稳定性 | 图片托管于GitHub仓库,数据永不丢失;jsDelivr CDN保障全球访问速度。 |
便捷性 | 粘贴图片自动上传+链接替换,无需手动操作。 |
零成本 | 完全免费(GitHub仓库+jsDelivr),适合个人博客。 |
备选方案:云存储+CDN(适合高流量需求)
1. 阿里云OSS/腾讯云COS + PicGo
- 步骤:
- 购买对象存储服务(阿里云OSS或腾讯云COS),创建存储桶(Bucket)。
- 配置PicGo-Core使用云存储SDK,生成API密钥并填入。
- 绑定自定义域名并开启CDN加速(国内访问更快)。
- 优势:
- 适合图片量大的场景,提供监控和流量控制。
- 国内访问速度优于GitHub+jsDelivr。
- 成本:约¥5-30元/月(根据存储和流量计费)。
2. 免费图床(风险较高,谨慎选择)
- 临时替代方案:SM.MS、ImgURL等免费图床,但存在稳定性风险(可能删图),仅作临时测试使用。
操作流程图
1 | [粘贴图片到Obsidian] |
总结建议
- 首选方案:GitHub仓库 + PicGo-Core + CDN,完美适配双平台,零成本且流程全自动化。
- 升级场景:若未来博客流量激增或需要专业管理,再迁移至云存储+CDN。
通过此方案,你可以在Windows和Linux上高效管理图片,同时享受稳定快速的博客访问体验。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Tipriest's Blog!