一篇教程要截三十多张图，我把截图传图压成了截图、粘贴两个动作

上周写一篇界面操作教程，从头到尾要截三十多张图。动笔前我以为最难的是把步骤讲清楚，写到一半才发现，真正磨人的是配图——每加一张图，都要在截图、桌面、浏览器、编辑器之间来回切。折腾两个晚上把这条链路理顺之后，一张图从截下来到出现在正文里，只剩两个动作。把过程记一下，给同样被配图打断思路的朋友做个参考。

一、第一张图就把我劝退了

最开始我是纯手动：cmd+shift+4 截图，桌面多一个文件；切到浏览器打开图床，把文件拖进去；等进度条走完，点「复制 Markdown」；再切回编辑器粘贴。

数一下，一张图要在三个窗口之间来回，切走三次。三十张图就是上百次切换。最要命的不是累，是断思路——我刚把一段逻辑想顺，传两张图回来，下一句要说什么已经忘了。

那两天我下了个决心：这条链路必须让它自己跑起来，不能再让我手动一环一环接。

二、先把「截图存桌面」这步干掉

我发现自己截图时桌面越堆越多，是因为 macOS 默认 cmd+shift+4 把图存成文件。改成带 control 的组合键：

cmd+ctrl+shift+4，截图直接进系统剪贴板，桌面一张文件都不留。

头几天总忘按 control，后来干脆在截图工具里把默认输出目标改成了剪贴板，省得记。

顺手养成的习惯是：截完先在标注界面里画好框、打好码、确认没问题，再让它进剪贴板，省得贴进文章才发现还得二次裁切。我还留了个笨办法验证——随便打开个备忘录按 cmd+v，能贴出图就说明截图在剪贴板里，贴不出来就是又存成文件了。

三、让上传自己发生，别等我去点网页

截图进剪贴板之后，下一个手动环节是「打开网页、点上传」。我用 PicGo 的「监听剪贴板」把它自动化：它在后台盯着系统剪贴板，一旦里面有图，就自动上传，完成后把链接写回剪贴板，右下角弹个小提示。

图床我没有写死在某个内置预设里，用的是自定义 Web 图床，这样以后换图床只改配置。不过那四个参数那晚填得我够呛：上传地址少写了一段、文件字段名写成 image、返回 JSON 里链接的路径没对上……踩坑的过程我之前专门记过一篇，配的时候照着排就行。

偶尔不想开客户端，或者临时用别人的电脑，我就用最省事的方式：打开图床网页，在上传区直接 cmd+v，剪贴板里的图直接上去，复制链接就能走。这种零配置的方式我用得反而挺多，我自己常用的图床小镇网页打开就能粘贴、不用注册，截个图传一下很顺手。

四、链接格式不对，前面都白搭

链路搭起来头两天，我经常遇到「图明明传好了，贴进文章却不对」：有时显示成一段 <img src=...>，有时是一长串看不懂的 base64。后来才明白，是复制的链接格式和编辑器不匹配。

固定下来之后我就不再纠结：

• 写 Markdown（Typora、Obsidian、博客）一律要 Markdown 格式；
• 往聊天框、表单里单独发链接，用裸 URL；
• 贴到 HTML 源码里，才用 <img> 标签；
• Base64 只在要打包成单文件、确实不能外链时才用。

PicGo 里把默认链接格式一次设成 Markdown，之后就不用每次再选，这一步省掉了我大半的低级错误。

五、剩下几个小坑，挨过才知道

• 连续截图会串：上传还没把链接写回剪贴板，我手快又截了一张，结果粘出来的是上一张。后来老老实实地等提示出来再截下一张，逐张传。
• 改了图，文章里却不更新：同一张界面图我重截了一版标注，可文章里还是旧图——随机文件名每次都生成新链接，旧链接自然指向旧图。改成同名覆盖上传之后，链接不变，刷新就是新图，这点对反复改图特别友好。
• 历史记录隔天就找不到：有次没登录，第二天想找回前一晚的链接，怎么都翻不到，才知道未登录时上传记录只保留一天。之后重要的图我都登录后再传，记录留得久，心里也踏实。
• 监听莫名没反应：有半天 PicGo 对截图毫无反应，排查到最后发现是「监听剪贴板」被我自己误关了，重新打开就好。

六、编辑器这边再推一把，才到「粘贴即出图」

光有链接还得手动粘贴，最后一步我在写作工具里也接上了：

• Typora：偏好设置里直接接 PicGo，图一进剪贴板，粘贴时自动上传并插图，我写博客主要靠它，具体配置见 用 Typora 写博客三年，插图终于从「五步法」变成了一次粘贴；
• Obsidian：用 Image auto upload 插件，截图自动上传插入，笔记不会被图片撑爆，两年笔记的图片问题也是这么解决的，见 用 Obsidian 记了两年笔记，我终于让图片不再堆进同步盘。

到这一步，截一张图、回到编辑器一粘贴，图就出现在该出现的位置，手基本不用离开键盘。

七、最后

那篇三十多张图的教程最后顺利写完了。回头看，工具还是那些工具，真正省下来的也不是上传的那一两秒，而是不用再一次次离开正文、再费力把注意力拉回来。把这条链路搭顺之后，写带图的文章，阻力确实小了很多。

如果你也经常被截图传图打断思路，不妨按「截图进剪贴板 → 自动上传 → Markdown 回填」这个顺序理一遍，前两步花十几分钟配好，之后每张图都是顺手的事。

官网：https://imgbed.cn