自建博客如何优雅地管理图片?

从平台博客迁移到自建博客后,图片管理成了痛点。本文介绍几种实用的 Markdown 图片管理解决方案,帮助你找回流畅的写作体验。

·5 分钟·工具效率
#Markdown#图床#工具推荐#写作效率

自建博客如何优雅地管理图片?

从成熟博客平台(如语雀、掘金、知乎)迁移到自建博客后,最让人不适应的莫过于图片管理了。以前只需要截图、粘贴,平台会自动处理图片托管。而现在,你需要自己思考:图片存哪里?怎么引用?如何保持写作效率?

本文整理了几种主流的解决方案,希望能帮你找回流畅的写作体验。

问题分析

自建博客处理图片主要有两种方式:

方式优点缺点
本地图片简单、免费、无依赖占用仓库体积、部署慢、手动管理麻烦
图床链接独立存储、加载快、易维护需要配置、可能有费用

对于经常截图写技术博客的人来说,图床 + 自动上传工具是最优解。


方案一:Typora

如果你喜欢所见即所得的编辑体验,Typora 是个很好的选择。

配置步骤

  1. 打开 偏好设置 → 图像
  2. 勾选 "插入图片时..." 相关选项
  3. 选择上传服务:
    • PicGo (App):配合 PicGo 客户端使用
    • 自定义命令:调用自己写的上传脚本
  4. 设置完成后,粘贴截图即可自动上传

优点

  • 界面简洁,专注写作
  • 实时预览效果好
  • 支持多种图床配置

缺点

  • 需要付费(目前是买断制)
  • 相对简单,功能不如专门的图床工具丰富

方案二:PicList ✅ 强烈推荐

PicList 是一款专门为 Markdown 写作设计的图床工具,功能非常完善。

核心功能

  • 拖拽上传:拖拽图片文件即可
  • 剪贴板上传:截图后直接上传
  • 历史记录:查看已上传的图片
  • 格式转换:自动压缩、格式转换
  • 多图床支持:同时配置多个图床

支持的图床

  • 阿里云 OSS(有免费额度)
  • 腾讯云 COS(有免费额度)
  • 七牛云
  • 又拍云
  • GitHub(不推荐放私密内容)
  • AWS S3
  • 等等...

快速上手

  1. 下载 PicList
  2. 配置图床账号(推荐阿里云 OSS 或腾讯云 COS,新用户有免费额度)
  3. 设置 "上传后自动复制 Markdown 格式"
  4. 写文章时截图 → 点击上传 → 粘贴链接

使用体验

截图 → Ctrl+V 到 PicList → 自动复制 Markdown 链接 → 粘贴到编辑器

整个过程只需几秒钟,几乎感觉不到中断。


方案三:uPic (macOS 专属)

如果你是 macOS 用户,uPic 是一款轻量级的选择。

特点

  • 菜单栏常驻,随时可用
  • 支持剪贴板直接上传
  • 自动复制 Markdown 格式
  • 界面简洁,无干扰

适用场景

  • 对功能要求不复杂
  • 喜欢轻量级工具
  • 只在 macOS 上写作

方案四:本地图片(简单但不推荐)

如果你暂时不想配置图床,可以先用本地图片:

操作方式

  1. 将图片放到 public/images/ 目录
  2. 在 Markdown 中引用:
![图片描述](/images/screenshot.png)

为什么不推荐长期使用

  • 图片会占用 Git 仓库体积
  • 每次构建都要处理所有图片
  • 增加部署时间
  • 不利于图片的复用和管理

我的推荐方案

根据不同的写作习惯,我推荐以下组合:

写作习惯推荐方案
VS Code 写作VS Code + PicList
Typora 写作Typora + PicGo/图床
Obsidian 写作Obsidian + PicList
macOS 简单需求uPic

对于大多数技术博主,PicList + 阿里云 OSS/腾讯云 COS 是性价比最高的选择。


写在最后

好的工具能让写作如行云流水,而不是被繁琐的操作打断节奏。

希望这些方案能帮你找到适合自己的图片管理工作流。如果你有其他更好的工具或方案,欢迎交流!

工具是为创作服务的,不要让工具成为负担。