Sublime的正则替换不能自动计算相对路径，因其仅匹配文本、不支持os.path.relpath等路径逻辑；所谓“一键转换”实为人工预设根目录、锚定层级并手动构造规则，需按目录深度分批处理，否则易因../数量错误导致路径失效。
为什么 Sublime 的正则替换不能直接算出相对路径
因为正则表达式本身不支持路径计算逻辑——它只能匹配和替换文本，无法执行 os.path.relpath() 这类操作。你看到的“一键转相对路径”效果，本质是「人工预设路径结构 + 精确锚定根目录 + 手动构造相对路径规则」，不是真正意义上的自动推导。
这意味着：必须清楚知道项目根目录在哪、目标文件和引用文件的层级关系、以及哪些路径需要被转换（比如 HTML 中的 src、CSS 中的 url()、JS 中的 import）。
常见错误现象：../../../assets/img/logo.png 被替换成 ./img/logo.png —— 这说明没对齐当前文件所在目录层级，根目录锚点设错了。
怎么用 Sublime 正确定位并替换 HTML 中的绝对路径
适用场景：项目根目录为 /project，所有 HTML 文件在 /project/pages/ 下，而资源放在 /project/assets/；你想把 <img src="/assets/img/logo.png"> 改成 <img src="../assets/img/logo.png">（注意：HTML 文件在 pages/，所以要向上退一级）。
- 打开 Sublime，确保已打开项目根目录（
Project → Add Folder to Project），否则Find in Files无法准确定位上下文 - 按
Ctrl+Shift+F（Windows/Linux）或Cmd+Shift+F（Mac）打开「Find in Files」面板 -
Where填：pages/**/*.html（限定范围，避免误改其他目录） -
Find:填：src="/assets/([^"]*)"（匹配以/assets/开头的绝对路径） -
Replace:填：src="../assets/$1"（手动补上../，因为 HTML 在pages/子目录）
关键点：$1 是捕获组，保留原路径中 /assets/ 后的部分；../ 的数量取决于当前文件相对于根目录的深度，不是固定写死的。
CSS 里 url("/assets/...") 怎么安全替换
CSS 文件通常和 HTML 不在同一级，比如 CSS 在 /project/css/style.css，它引用 /assets/img/bg.jpg，那么相对路径应是 ../assets/img/bg.jpg（从 css/ 退到根再进 assets/）。
容易踩的坑：url("/assets/...") 可能跨多行、含空格或换行符，普通正则会漏匹配。
- 启用
. matches newline（点击 Find 面板右下角的.*按钮） -
Find:填：url\(\s*["']\/assets\/([^"')\n]+)["']\s*\) -
Replace:填：url("../assets/$1") - 务必先
Find All预览，确认每处url()都被正确捕获，尤其注意引号类型（"或'）是否统一
性能提示：如果 CSS 文件很大，建议分批处理（比如先只处理 css/*.css，再处理 components/**/*.css），避免 Sublime 卡顿或超时。
为什么别指望正则自动处理嵌套层级差异
同一个项目里，/pages/home.html 和 /pages/blog/post.html 引用同一个 /assets/js/app.js，所需的相对路径分别是 ../assets/js/app.js 和 ../../assets/js/app.js——正则无法根据文件位置动态生成不同数量的 ../。
这意味着：你必须按目录层级分批处理，或者接受部分路径需手动微调。
真正省时间的做法是：先用正则批量处理「同级目录下的文件」，再用 Sublime 的 Ctrl+P 快速跳转到不同子目录，重复相同替换逻辑。不要试图写一个万能正则——它不存在，强行写只会引入更多错误。
