Здесь я буду выкладывать разные полезности HUGO, Markdown разметки для визуализации контента

Добавление изображений

Самый простой способ из того что я узнал это - положить изображение в папку проекта /static/images

![My Test Image](/images/Yt-Termux.png)
{{< figure src="/images/Yt-Termux.png" title="Описание картинки" >}}

Добавить видео из YouTube

{{< youtube 0RKpf3rK57I >}}

Цветовой блок

{{< color-block >}}
Привет МИР
{{< /color-block >}}
Привет МИР
{{< color-block style="success" >}}
Привет МИР
{{< /color-block >}}
Привет МИР
{{< color-block style="info" >}}
Привет МИР
{{< /color-block >}}
Привет МИР
{{< color-block style="warning" >}}
Привет МИР
{{< /color-block >}}
Привет МИР
{{< color-block style="error" >}}
Привет МИР
{{< /color-block >}}
Привет МИР

Иконка со ссылкой

Параметры:

  • vendor: Поставщик
  • link: Ссылка
  • name: Название иконки
{{< icon vendor="" name="" link="" >}}

Доступны иконки из: Feather icons

имя: svg
globe
moon
sun
github
facebook
rss
twitter
mail
{{< icon vendor="feather" name="github" link="https://github.com/melekin777" >}}

Группа иконок

Названия и вид можно посмотреть здесь

{{< icon-group >}}
{{< icon vendor="feather" name="github" >}}
{{< icon vendor="feather" name="rss" >}}
{{< icon vendor="feather" name="twitter" >}}
{{< /icon-group >}}

Крайние обновления

{{< recent-posts sortby="" limit="" >}}

Параметры:

  • sortby: publishDate или lastMod
  • limit: положительное целое число, 0 означает неограниченное
{{< recent-posts sortby="lastMod" limit=5 >}}

“Терминал” (не знаю как зовут)

{{< > Hugo быстрый, как северный олень! >}}

Hugo быстрый, как северный олень!