Sublime批量处理图片链接本质是文本层面操作:①Ctrl+Shift+L配合正则可批量加CDN前缀;②Alt+F3或正则可统一改后缀;③列编辑(Alt+拖拽)对齐Markdown描述字段;④Ctrl+Click手动加光标处理不规则链接,需预判结构化或碎片化场景。

Sublime 本身不解析、不加载、也不校验图片链接,它只把 URL 当作纯文本处理——所以「批量操作图片链接」本质是:用多行选区能力,对含 src="..."、url(...) 或 Markdown  这类模式的行/片段做文本层面的替换、补全或结构调整。
Ctrl+Shift+L 对图片链接批量加前缀(比如加 CDN 域名)
这招适合统一升级静态资源路径,比如把 src="/img/logo.png" 改成 src="https://cdn.example.com/img/logo.png"。
- 先用
Ctrl+F搜src=",勾选Regular Expression(正则),输入src="([^"]*)",点Find All—— 所有src属性值会被高亮 - 此时按
Ctrl+Shift+L,光标会落在每个匹配项的引号内起始位置(即"后) - 直接输入新前缀,比如
https://cdn.example.com,所有光标同步输入 - 注意:如果部分链接已是绝对地址(如
src="http://...),得先手动跳过或用正则排除,否则会叠成https://cdn...http://...
Alt+F3 全量替换图片文件名(如统一改后缀或重命名)
当你有一堆 、,想批量改成 .webp,Alt+F3 比逐个 Ctrl+D 更快,但必须小心边界。
- 把光标停在
.jpg的j上,按Alt+F3→ 所有独立的.jpg都被选中(包括src="x.jpg?ver=1"里的.jpg) - 但如果存在
.jpg2或.jpeg,它们不会被匹配;想包含更多变体,得先用正则搜\.jpe?g,再Find All+Ctrl+Shift+L - 输入
.webp后回车,所有选中处同步替换;若误选了非图片部分(比如注释里写了/* jpg format */),得提前用Ctrl+U撤回
列编辑(Alt+拖拽)对齐 Markdown 图片 alt 文本
Markdown 图片常写成 ,但描述字段长度不一,想让所有 " 对齐以便后续编辑,就得用列模式。
- 确保字体设为等宽(
Preferences → Settings中确认"font_face": "Consolas"类似配置) - 把鼠标移到第一行
"位置,按住Alt+ 左键向下拖到最后一行对应列,形成矩形选区 - 此时输入空格或删减字符,就能横向对齐所有行的
",但注意:空行也会被纳入,且 Tab 和空格混用会导致错位,建议先开draw_white_space查看空白符 - 这方法只适合“视觉对齐”,不能智能识别语法结构;如果某行漏了
",列编辑会把它拉偏,得先统一补全
Ctrl+Click 手动加光标处理不规则图片链接
当图片链接散落在不同 HTML 标签、CSS background-image、JS 字符串里,且格式不统一(有的带引号、有的没引号、有的用单引号),自动匹配容易漏或错,这时手动点最稳。
- 先关掉
drag_text:打开用户设置,加一行"drag_text": false,否则Ctrl+Click会拖动文本而不是加光标 - 英文输入法下,
Ctrl按住 → 松开 → 再点击目标链接开头(比如http或./),每个点击加一个光标 - 光标加完后,按
End移到行尾,再按←回退到引号或括号前,统一加后缀或删参数 - 最大风险是点错位置:比如在
src="a.jpg"里点了a.jpg中间,光标会卡在中间,导致后续输入撕裂字符串;务必点在开头或结尾附近
真正难的不是快捷键本身,而是每次动手前得判断:这段链接是结构化(可用正则批量抓)还是碎片化(必须手点)?是否所有链接都该被同等处理?漏掉一个 srcset 里的 URL 或 JS 拼接的路径,上线就挂图——多行编辑越快,出错代价越高。


















