行内代码

这是行内代码

仅使用 pre 标签

这是 pre 文本

使用反引号的代码块

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>HTML5 示例文档</title>
    <meta
      name="description"
      content="展示基本 Markdown 语法和 HTML 元素格式化的示例文章。"
    />
  </head>
  <body>
    <p>测试</p>
  </body>
</html>

指定语言的代码块

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>HTML5 示例文档</title>
    <meta
      name="description"
      content="展示基本 Markdown 语法和 HTML 元素格式化的示例文章。"
    />
  </head>
  <body>
    <p>测试</p>
  </body>
</html>

带行号的代码块

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>HTML5 示例文档</title>
    <meta
      name="description"
      content="展示基本 Markdown 语法和 HTML 元素格式化的示例文章。"
    />
  </head>
  <body>
    <p>测试</p>
  </body>
</html>

带行号和高亮行的代码块

  • PaperMod 支持 linenos=true 或 linenos=table
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>HTML5 示例文档</title>
    <meta
      name="description"
      content="展示基本 Markdown 语法和 HTML 元素格式化的示例文章。"
    />
  </head>
  <body>
    <p>测试</p>
  </body>
</html>
  • 使用 linenos=inline 时，高亮行可能无法正确显示。
  • 该问题已在 045c084 修复。
 1<!DOCTYPE html>
 2<html lang="en">
 3  <head>
 4    <meta charset="utf-8" />
 5    <title>HTML5 示例文档</title>
 6    <meta
 7      name="description"
 8      content="展示基本 Markdown 语法和 HTML 元素格式化的示例文章。"
 9    />
10  </head>
11  <body>
12    <p>测试</p>
13  </body>
14</html>

四空格缩进的代码块

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>HTML5 示例文档</title>
</head>
<body>
  <p>测试</p>
</body>
</html>

Hugo 内置高亮短代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>HTML5 示例文档</title>
</head>
<body>
  <p>测试</p>
</body>
</html>