Руководство по синтаксису кода

Инлайн-код

Это инлайн-код

Только pre

Текст в блоке pre

Блок кода с обратными кавычками

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <title>Пример документа HTML5</title>
    <meta
      name="description"
      content="Пример статьи о базовом синтаксисе Markdown и форматировании для HTML-элементов."
    />
  </head>
  <body>
    <p>Тест</p>
  </body>
</html>

Блок кода с указанием языка

<!DOCTYPE html>
<html lang="ru">
  <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="ru">
  <head>
    <meta charset="utf-8" />
    <title>Пример документа HTML5</title>
    <meta
      name="description"
      content="Пример статьи о базовом синтаксисе Markdown и форматировании для HTML-элементов."
    />
  </head>
  <body>
    <p>Тест</p>
  </body>
</html>

Блок кода с номерами строк и выделенными строками

Поддерживаются linenos=true или linenos=table

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

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <title>Пример документа HTML5</title>
    <meta
      name="description"
      content="Пример статьи о базовом синтаксисе Markdown и форматировании для HTML-элементов."
    />
  </head>
  <body>
    <p>Тест</p>
  </body>
</html>

 1<!DOCTYPE html>
 2<html lang="ru">
 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="ru">
<head>
  <meta charset="utf-8">
  <title>Пример документа HTML5</title>
</head>
<body>
  <p>Тест</p>
</body>
</html>

Блок кода через шорткод подсветки Hugo

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Пример документа HTML5</title>
</head>
<body>
  <p>Тест</p>
</body>
</html>