在网页开发中，使用 highlight.js 来展示 HTML 源代码并添加行号是一项常见需求。highlight.js 作为一款强大的代码高亮工具，为开发者呈现代码结构和语法细节提供了极大便利。然而，许多开发者可能会疑惑，为何启用行号功能需要额外步骤，而非像代码高亮那样相对直接。

了解 highlight.js 的基本原理有助于我们理解这一现象。highlight.js 的核心功能聚焦于识别代码中的不同语法元素，并为其添加相应的 CSS 样式，以实现代码的高亮显示。这一过程主要围绕代码的语法解析和样式应用展开。

而添加行号功能相对复杂。行号的呈现并非仅仅是简单的数字罗列，它需要与代码的每一行精准对应。highlight.js 默认并未集成行号功能，是因为不同开发者对于行号的样式、位置以及行为等方面可能有多样化需求。例如，有些开发者希望行号在代码左侧紧密排列，而有些则希望行号与代码之间有一定间距；还有些开发者可能需要行号具备交互功能，如点击行号进行定位等。

为了满足这些个性化需求，highlight.js 将行号功能设计为需要额外配置和操作的部分。开发者要启用行号功能，首先需在 HTML 文件中引入相应的 CSS 样式，这些样式决定了行号的外观和布局。接着，可能还需要在 JavaScript 代码中进行特定设置，以确保行号与代码行正确关联。

虽然启用行号功能需要额外步骤，但这也赋予了开发者更大的灵活性。他们能够根据项目的具体要求，精细调整行号的各个方面，从而打造出与整体页面风格和用户体验高度契合的代码展示效果。通过这种方式，highlight.js 在保证基本功能简洁高效的也为开发者提供了丰富的定制空间，让代码展示更加专业、美观和实用。