使用Ranger结合正则表达式与脚本可高效批量重命名HTML/CSS配对文件。首先在Ranger中选中文件并进入Shift+R批量重命名模式，利用:%s/page-\d+/newsection-/等正则统一替换；对于无规律命名，可编写Python脚本生成映射表并通过:pipe调用；序列化命名则通过模板手动输入首项后，使用编辑器列模式批量递增编号，确保成对同步修改。
如果您需要对大量文件进行有规律的重命名，尤其是涉及HTML和CSS文件配对时，手动操作将耗费大量时间。使用Ranger文件管理器结合正则表达式和批量重命名功能，可以高效完成成对文件的同步改名任务。
本文运行环境：MacBook Pro，macOS Sonoma
一、启用Ranger的批量重命名模式
在Ranger中进入目标目录后，使用标记功能选择需要重命名的HTML与CSS文件对。批量重命名依赖于内置的rename工具或自定义脚本支持。
1、启动Ranger并导航至包含HTML和CSS文件的目录。
立即学习“前端免费学习笔记（深入）”；
2、按 v 键标记每个需要修改的文件，确保成对选中HTML与对应的CSS文件。
3、按下 Shift + R 进入批量重命名模式，此时会打开一个临时文本编辑器列出所有选中文件名。
二、使用正则表达式统一替换文件名
通过正则表达式匹配HTML和CSS文件中的共同模式，实现同步更名。此方法适用于文件名遵循一定结构的情况，如"page-01.html"与"page-01.css"。
1、在批量编辑界面中，将光标置于第一行文件名处。
2、使用正则替换命令格式：:%s/page-\d+/newsection-，将所有"page-数字"替换为"newsection-"前缀。
3、保存并退出编辑器，Ranger会依次应用新名称到对应文件。
三、编写命名映射脚本自动配对
当文件命名无规律或需复杂逻辑处理时，可调用外部Python脚本生成重命名映射表，确保HTML与CSS文件保持关联性。
1、创建名为rename_map.py的脚本，读取当前目录下的所有.html和.css文件。
2、脚本内按照原始顺序或内容引用关系建立新名称配对列表，输出为旧名与新名的两列文本。
3、在Ranger的批量重命名界面中，使用 :pipe rename_map.py 将选中文件名传入脚本处理，并加载返回结果作为新名称。
四、利用模板填充方式进行序列化命名
对于需要编号递增的场景，例如将多组页面从"tutorial-1.html"改为"lesson-A-01.html"，可通过模板加计数器实现。
1、在批量编辑模式下，手动输入新名称的第一项，如lesson-A-01.html。
2、第二行输入lesson-A-01.css，随后继续输入下一个编号的HTML文件名。
3、使用编辑器的列模式（在Vim中为Ctrl+v）批量调整数字部分，使其按需递增，保证每对文件编号一致。
