自建博客如何优雅地管理图片?
从平台博客迁移到自建博客后,图片管理成了痛点。本文介绍几种实用的 Markdown 图片管理解决方案,帮助你找回流畅的写作体验。
·5 分钟·工具效率
#Markdown#图床#工具推荐#写作效率
自建博客如何优雅地管理图片?
从成熟博客平台(如语雀、掘金、知乎)迁移到自建博客后,最让人不适应的莫过于图片管理了。以前只需要截图、粘贴,平台会自动处理图片托管。而现在,你需要自己思考:图片存哪里?怎么引用?如何保持写作效率?
本文整理了几种主流的解决方案,希望能帮你找回流畅的写作体验。
问题分析
自建博客处理图片主要有两种方式:
| 方式 | 优点 | 缺点 |
|---|---|---|
| 本地图片 | 简单、免费、无依赖 | 占用仓库体积、部署慢、手动管理麻烦 |
| 图床链接 | 独立存储、加载快、易维护 | 需要配置、可能有费用 |
对于经常截图写技术博客的人来说,图床 + 自动上传工具是最优解。
方案一:Typora
如果你喜欢所见即所得的编辑体验,Typora 是个很好的选择。
配置步骤
- 打开
偏好设置 → 图像 - 勾选 "插入图片时..." 相关选项
- 选择上传服务:
- PicGo (App):配合 PicGo 客户端使用
- 自定义命令:调用自己写的上传脚本
- 设置完成后,粘贴截图即可自动上传
优点
- 界面简洁,专注写作
- 实时预览效果好
- 支持多种图床配置
缺点
- 需要付费(目前是买断制)
- 相对简单,功能不如专门的图床工具丰富
方案二:PicList ✅ 强烈推荐
PicList 是一款专门为 Markdown 写作设计的图床工具,功能非常完善。
核心功能
- 拖拽上传:拖拽图片文件即可
- 剪贴板上传:截图后直接上传
- 历史记录:查看已上传的图片
- 格式转换:自动压缩、格式转换
- 多图床支持:同时配置多个图床
支持的图床
- 阿里云 OSS(有免费额度)
- 腾讯云 COS(有免费额度)
- 七牛云
- 又拍云
- GitHub(不推荐放私密内容)
- AWS S3
- 等等...
快速上手
- 下载 PicList
- 配置图床账号(推荐阿里云 OSS 或腾讯云 COS,新用户有免费额度)
- 设置 "上传后自动复制 Markdown 格式"
- 写文章时截图 → 点击上传 → 粘贴链接
使用体验
截图 → Ctrl+V 到 PicList → 自动复制 Markdown 链接 → 粘贴到编辑器
整个过程只需几秒钟,几乎感觉不到中断。
方案三:uPic (macOS 专属)
如果你是 macOS 用户,uPic 是一款轻量级的选择。
特点
- 菜单栏常驻,随时可用
- 支持剪贴板直接上传
- 自动复制 Markdown 格式
- 界面简洁,无干扰
适用场景
- 对功能要求不复杂
- 喜欢轻量级工具
- 只在 macOS 上写作
方案四:本地图片(简单但不推荐)
如果你暂时不想配置图床,可以先用本地图片:
操作方式
- 将图片放到
public/images/目录 - 在 Markdown 中引用:
为什么不推荐长期使用
- 图片会占用 Git 仓库体积
- 每次构建都要处理所有图片
- 增加部署时间
- 不利于图片的复用和管理
我的推荐方案
根据不同的写作习惯,我推荐以下组合:
| 写作习惯 | 推荐方案 |
|---|---|
| VS Code 写作 | VS Code + PicList |
| Typora 写作 | Typora + PicGo/图床 |
| Obsidian 写作 | Obsidian + PicList |
| macOS 简单需求 | uPic |
对于大多数技术博主,PicList + 阿里云 OSS/腾讯云 COS 是性价比最高的选择。
写在最后
好的工具能让写作如行云流水,而不是被繁琐的操作打断节奏。
希望这些方案能帮你找到适合自己的图片管理工作流。如果你有其他更好的工具或方案,欢迎交流!
工具是为创作服务的,不要让工具成为负担。