可在Atom中通过查找替换精准修改导出HTML的data-line-start属性、注入自定义CSS类及删除highlight-to-html生成的注释块，操作前需备份文件并验证渲染效果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
需要在Atom编辑器中对已导出的代码HTML文件进行字段二次修改，比如替换作者名、调整行号起始值、注入自定义CSS类或移除特定注释块。
定位并修改导出HTML中的关键字段
打开由highlight-to-html插件生成的HTML文件，在浏览器中右键→“查看页面源代码”，或用Atom直接打开该HTML文件。
按Ctrl+F（Win/Linux）或Cmd+F（macOS）搜索<pre>标签内部的data-line-start属性——这是控制行号起始值的关键字段，例如data-line-start="1"。
将data-line-start="1"改为data-line-start="101"即可让代码块从第101行开始编号。注意：该属性必须存在于<code>标签的父级<pre>上，改错位置无效。
若需批量处理多个HTML文件，可用Atom自带的“项目内查找”（Ctrl+Shift+F）→设置范围为当前文件夹→输入data-line-start="1"→全部替换为data-line-start="101"。
安全注入自定义CSS类到高亮代码块
方法一：直接编辑HTML中的<code>标签
找到类似<code class="js">的行，在引号内追加空格后写入自定义类名，如class="js custom-theme"。这一步必须确保class值用英文双引号包裹，且新增类名与原有类名之间有且仅有一个空格。
方法二：通过Atom的“查找替换”批量添加
在Atom中打开HTML文件→Ctrl+H→启用正则模式（.*按钮）→查找：<code class="([^"]+)">→替换为：<code class="$1 custom-theme">→点击“全部替换”。【务必先备份原文件】
替换后检查是否有多余空格导致class解析失败，例如class="js custom-theme"（两个空格）会使浏览器忽略第二个类名。
删除导出HTML中冗余的注释块
第一步：识别注释结构
highlight-to-html生成的HTML顶部通常含一段形如<!-- Generated by highlight-to-html v2.4.1 on 2026-08-19 -->的注释，部分还会在<style>块前后插入说明性注释。
第二步：执行精准清除
使用Atom的“项目内查找”（Ctrl+Shift+F）→勾选“正则表达式”→查找：<!--\s*Generated by highlight-to-html.*?-->→留空替换框→点击“全部替换”。
第三步：验证删除效果
刷新浏览器页面，查看源码确认注释已消失；同时检查页面渲染是否异常——如果误删了<!--这类XML兼容标记，会导致<code><style>内容不生效。
