Короткое вступление: этот пост показывает, как на сайте выглядят типичные элементы Markdown — от подзаголовков до таблиц. Ниже после разделителя идёт основная часть.

Второй уровень заголовка

Текст абзаца с полужирным и курсивом, а также инлайн-кодом в строке. Ссылка ведёт на главную или на внешний ресурс при необходимости.

Третий уровень заголовка

Нумерованный список:

  1. Первый пункт с пояснением в той же строке.
  2. Второй пункт.
  3. Третий.

Маркированный список:

  • заметка без порядка;
  • ещё один элемент;

  • вложенность через отступ (два пробела или таб):

    • подпункт;
    • ещё один подпункт.

Цитата

Цитата выделяется слева и чуть приглушённым тоном. Удобно выносить чужую мысль или вывод из текста.

— Можно и второй абзац в той же цитате.

Код

Блок кода с подсветкой (на GitHub Pages обычно Rouge):

function greet(name) {
  return `Привет, ${name}!`;
}
console.log(greet('блог'));

Картинка и подпись

Иллюстрация из assets/images — не wider than контент за счёт CSS.

Демо-иллюстрация: рамка и подпись

Рис. 1. Подпись можно оформить курсивом сразу под картинкой.

Горизонтальный разделитель

Таблица (если нужна)

Колонка A Колонка B
значение значение
ещё строка число 42

Итог

Такой пост удобно оставить как справочник по стилям: заголовки ## / ###, цитаты >, списки, жирный, курсив, блоки кода и таблицы. Когда наполнишь блог своими материалами, этот файл можно удалить или переименовать в черновик.