Google Prettify 是一个代码语法高亮库，非常适合用于在网页中展示源代码。但是，它默认情况下并不会为每行代码添加行号，这使得有时候需要在代码块中进行行定位或引用时会比较困难。本文将向您展示如何通过 Google Prettify 为代码块中的所有行添加行号。
步骤一：引入 Google Prettify 库
要使用 Google Prettify，首先需要引入它的库。可以通过在 HTML 文档头部添加以下代码来完成：
----- ---------------- ------------------------------------------------------------------------------ ------- -----------------------------------------------------------------------------------------
以上代码中的 link 标签引入了样式表，script 标签则引入了脚本文件。请注意，这里使用的是 RawGit 提供的 CDN URL，因此可能会受制于 RawGit 的服务限制。
步骤二：在代码块上添加 CSS 类
一旦 Google Prettify 库被正确引入，就可以在代码块上添加 prettyprint CSS 类来启用语法高亮功能。同时，我们还需要添加 linenums 类才能为所有行添加行号。代码块应该类似于以下示例：
---- ------------------ ----------
------
-- ---------
-------
------步骤三：应用样式表
默认情况下，添加了 linenums 类之后的行号并不会起作用，需要在 CSS 中对其进行样式定义。可以使用以下 CSS 样式表为所有行添加行号：
-- ---- -- ----------- - ------- -- -------- -- -- --------- -- ------ ----- -- -------------------- -- ----------------- -------- ---------- ----- ------ ----- - -- --- -- ------ ------ ------ ------ ------ ------ ------ ------ ----- - -- -------------- -- ------------- ----- -
以上样式表中，width 属性控制行号的宽度，background-color、font-size 和 color 属性控制行号的背景色、字体大小和字体颜色，padding-left 属性控制每一行的左侧空白距离。
示例代码
以下是一个完整的示例代码块，其中包含所有必要的 HTML 和 CSS 代码：
--------- -----
------
------
------------- -------- ------------
----- ---------------- ------------------------------------------------------------------------------
-------
-- ---- --
----------- -
------- --
-------- --
-- --------- --
------ -----
-- -------------------- --
----------------- --------
---------- -----
------ -----
-
-- --- --
------ ------ ------ ------ ------
------ ------ ------ ----- -
-- -------------- --
------------- -----
-
--
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------