>WikiSysop в 08:35, 11 серпня 2017

2017-08-11T08:35:09Z

Нова сторінка

←[[Hugo]]

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

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

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

sudo apt install python-pygments

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

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

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

<source lang="go">
{{< highlight html "style=default">}}
</source>

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

<source lang="yaml">
pygmentsuseclasses: false
pygmentsStyle: "default"
</source>

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

[[Категория:Hugo]]

Подсветка синтаксиса в Hugo - Історія редагувань

>WikiSysop в 08:35, 11 серпня 2017