Подсветка синтаксиса в Hugo

←Hugo

Если нужно вывести пример кода с раскраской синтаксиса, можно использовать два способа: JavaScript и Server Side раскраску, когда код раскрашивается прямо в HTML во время генерации html из файла .md.

Используем второй способ как самый надежный и легкий для браузера пользователя.

Для начала нужно установить Pygments:

sudo apt install python-pygments

Затем использовать в тексте файла .md шорткод highlight:

{{< highlight html >}}
<meta name="generator" content="WordPress 3.5" />
{{< /highlight >}}

По умолчанию в Hugo используется стиль monokai. Если нужно использовать другой стиль раскраски синтаксиса, его можно указать так:

{{< highlight html "style=default">}}

Более правильный способ — указать стиль в config.yaml:

pygmentsuseclasses: false
pygmentsStyle: "default"

• Список стилей: http://pygments.org/demo/6332492/?style=default
• Список языков: http://pygments.org/languages/