内联代码

这是内联代码

仅 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内部highlight shortcode的代码块

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

Github Gist