Типографика и Markdown #

Тестовая статья для проверки типографики, шрифтов и возможностей Markdown в Hugo.

Введение #

В этом посте собраны короткие примеры Markdown и оформления темы Typo. Здесь показаны заголовки, списки, код, изображения, таблицы, цитаты и шорткоды Hugo, чтобы быстро увидеть, как всё выглядит в реальном тексте. Отображаем курсив, жирный, жирный курсив, inline code и ссылку.

Содержание #

• Заголовки
• Абзацы и форматирование
• Цитаты
• Списки
• Код
• Изображения
• Изображения с тегами Typo
• Таблицы
• Математика
• Короткие коды Hugo
• Заключение

Заголовки #

Заголовок H3 #

Заголовок H4 #

Заголовок H5 #

Заголовок H6 #

Абзацы и форматирование #

Пример курсива, жирного и комбинированного выделения. Несколько строк текста показывают межстрочный интервал, переносы и визуальный ритм абзаца. Можно смешивать стили, не перегружая чтение.

Выделение через HTML

Цитаты #

«Хороший текст читается легко, когда форматирование не мешает смыслу.»

Многострочная цитата:

Проверяем переносы и отступы в цитате. Несколько строк помогают увидеть, как цитата выглядит в ритме страницы.

Списки #

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

• Простой пункт списка
• Ещё один пункт
  • Подпункт
  • Подпункт
• Финальный пункт

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

1. Первый шаг
2. Второй шаг
3. Третий шаг

Код #

Встроенный код #

Текст с inline code.

Блок кода #

#!/bin/bash
echo "Hello Hugo!"

def hello():
    print("Hello, Markdown!")

hello()

Изображения #

Изображения с тегами Typo #

Таблицы #

Математика #

Inline-формула: $E = mc^2$.

Блочная формула:

$$ \int_{0}^{1} x^2 , dx = \frac{1}{3} $$

Короткие коды Hugo #

YouTube #

Figure #

Highlight #

fmt.Println("Hello from Hugo")

Заключение #

Если всё отображается корректно, значит типографика и Markdown работают как надо.