如何使用 sed 在匹配行前插入新行

本文讲解如何用 sed 命令在 html 文件中精准定位某一行（如 `href="styles.css” />`），并在其**正前方插入一行新内容**，重点解决因缩进空格导致匹配失败的常见问题。

在处理 html 或其他格式化文本时，直接使用 sed ‘/pattern/i text’ 插入内容看似简单，却极易因空白符（空格、制表符） 导致匹配失败。例如，原始 HTML 中 行通常被缩进（如前面有 2 个空格或 1 个 tab），而正则表达式中若写 /^

✅ 正确做法是：允许并跳过行首可能存在的空白符。推荐使用 POSIX 字符类 [[:space:]]*（兼容空格、tab、换行符等）：

sed '/^[[:space:]]*]*rel="stylesheet"[^>]*href="[^"]*styles.css"[^>]*>/i  ' test.html

⚠️ 注意事项：

• i 命令（insert）在匹配行之前插入，且需换行书写（或用 续行）；
• URL 中空格需编码为 +（Noto Serif → Noto+Serif），否则 HTML 解析失败；
• 单引号内不能嵌套单引号，故外部用单引号、内部属性值用双引号更安全；
• 若需就地修改文件，添加 -i 参数（gnu sed）：sed -i ‘…’ test.html；macOS/BSD sed 需写为 sed -i ” ‘…’ test.html；
• 更健壮的匹配建议限定上下文，例如用 rel=”stylesheet” 和 href 同时出现，避免误匹配注释或 js 字符串。

? 小结：^ 不等于“可见内容开头”，而是“物理行首”。处理缩进文本时，始终优先考虑 [[:space:]]* 前缀；若追求更高可靠性，可结合 awk 或专用 HTML 工具（如 xmlstar、pup）进行结构化操作——但对轻量级自动化任务，修正后的 sed 已足够精准高效。