Одна из причин, по которой Hugo является таким популярным генератором статических сайтов, – это простота, с которой вы можете добавлять визуально привлекательные темы в новые и существующие проекты сайтов. Если вы еще не тестировали новые темы на Hugo, уделите минуту – буквально минуту – и запустите новый сайт Hugo на CloudCannon, CMS, разработанной для ваших сайтов Hugo. Подключив учетную запись Git, вы сможете легко создать новую репозиторию сайта Hugo, а добавить тему на сайт Hugo так же просто, как следовать официальной документации Hugo. (Обратите внимание, что некоторые темы требуют дополнительной настройки; каждая из пятидесяти тем, перечисленных ниже, имеет файлы readme с подробным описанием того, что вам нужно сделать).
Когда дело доходит до выбора темы, вы будете избалованы выбором. Ниже я привожу пятьдесят лучших тем Hugo и немного информации о каждой из них. Наиболее важные моменты, на которые следует обратить внимание, это минимальная версия Hugo, которую они требуют, и то, как недавно они были обновлены.
- Как мы ранжировали темы Hugo
- PaperMod
- Стек
- Coder
- LoveIt
- Книга
- Даже
- Docsy
- Изучите
- терминал
- hello-friend-ng
- Doks
- Hermit
- Бумага
- Красивый Hugo
- hello-friend
- Tranquilpeak
- Джейн
- Ananke
- MemE
- Mainroad
- Эврика
- Zzo
- Универсальный
- Введение
- Тоха
- mini
- Minimo
- reveal-hugo
- Hyde
- Anatole
- Archie
- XMin
- Чистый белый
- LeaveIt
- Минимальная
- Зовите меня Сэм.
- Hugo Fresh
- Креативное портфолио
- Clarity
- Cactus
- Yinyang
- Ink
- Дневник
- Hugo Future Imperfect
- Geekdoc
- m10c
- Hugo Future Imperfect Slim
- Blackburn
- Notepadium
- Codex
- Выводы для разработчиков тем для Hugo
- Куда двигаться дальше?
Как мы ранжировали темы Hugo
Я расположил эти темы на основе их звезд GitHub на дату публикации, в порядке убывания. Хотя звезды GitHub ни в коем случае не являются единственным арбитром качества – во многих случаях они функционируют как своего рода самоутверждающийся конкурс популярности – метрика звезд, которую мы использовали для ранжирования, отражает различные намерения пользователей. Лично я использую звезды GitHub по трем основным причинам: чтобы следить за обновлениями создателей; чтобы выразить свою признательность за интересные или заслуживающие внимания проекты; а иногда и просто чтобы добавить проекты в закладки, чтобы посмотреть их позже.
Если вам интересно узнать больше о каждой из этих тем, я рекомендую использовать seladb’s StarTrack 2.4.0, чтобы показать их недавний рост в звездах GitHub с течением времени. Знать возраст проекта – а также время его последнего обновления – удобно для отслеживания тенденций и для того, чтобы быть уверенным, что вы знаете о проектах, которые активно поддерживаются (или не поддерживаются).
Учитывая все это, давайте посмотрим на самые популярные темы Hugo.
PaperMod
Быстрая, чистая и отзывчивая тема.
Область(и) применения: Блоггинг, Портфолио
Автор: Адитья Теланж
Минимальная версия Hugo: 0.83.0
Количество звезд на Github: 3213
Последнее обновление: 2022-05-12
Лицензия: MIT
Скачать тему PaperMod для Hugo
Стек
Тема в стиле карточек, разработанная для блоггеров.
Область(и) применения: Блоггинг, Портфолио
Автор: Джимми Цай
Минимальная версия Hugo: 0.87.0
Количество звезд на Github: 2129
Последнее обновление: 2022-03-21
Лицензия: GPL-3.0-only
Скачать тему Stack для Hugo
Coder
Минималистичная тема для блога.
Область(и) применения: Блоггинг, Портфолио
Автор: Луис Ф. А. де Пра
Минимальная версия Hugo: 0.77.0
Звезды Github: 1878
Последнее обновление: 2022-03-10
Лицензия: MIT
Скачать тему Coder для Hugo
LoveIt
Чистая, элегантная и продвинутая тема.
Область(и) применения: Блоггинг, Портфолио
Автор: Диллон
Минимальная версия Hugo: 0.62.0
Количество звезд на Github: 1871
Последнее обновление: 2022-05-14
Лицензия: MIT
Скачать тему LoveIt для Hugo
Книга
Тема для документации Hugo, простая как обычная книга.
Область(и) применения: Документация
Автор: Алекс Шпак
Минимальная версия Hugo: 0.68
Количество звезд на Github: 1804
Последнее обновление: 2022-04-26
Лицензия: MIT
Скачать Книжная тема для Hugo
Даже
Лаконичная тема, портированная из одноименной темы Hexo.
Область(и) применения: Блоггинг, Портфолио
Автор: olOwOlo
Минимальная версия Hugo: 0.60.0
Количество звезд на Github: 1752
Последнее обновление: 2021-01-20
Лицензия: MIT
Скачать Even тему для Hugo
Docsy
Набор шаблонов документации Hugo для запуска контента с открытым исходным кодом.
Область(и) применения: Документация
Автор: Авторы Docsy
Минимальная версия Hugo: 0.73.0
Количество звезд на Github: 1706
Последнее обновление: 2022-05-14
Лицензия: Apache-2.0
Скачать тему Docsy для Hugo
Изучите
Тема с поддержкой нескольких языков, разработанная для документации.
Область(и) применения: Документация
Автор: Mathieu Cornic
Минимальная версия Hugo: 0.25
Количество звезд на Github: 1397
Последнее обновление: 2021-10-29
Лицензия: MIT
Скачать тему Learn для Hugo
терминал
Простая тема в стиле ретро.
Область(и) применения: Блоггинг, Портфолио
Автор: panr
Минимальная версия Hugo: 0.74
Количество звезд на Github: 1279
Последнее обновление: 2022-03-30
Лицензия: MIT
Скачать тему терминала для Hugo
hello-friend-ng
Простая тема, вдохновленная Hello Friend и Hermit.
Область(и) применения: Блоггинг, Портфолио
Автор: Djordje Atlialp
Минимальная версия Hugo: 0.3
Количество звезд на Github: 1156
Последнее обновление: 2022-02-05
Лицензия: MIT
Скачать тему hello-friend-ng для Hugo
Doks
Тема, помогающая создавать современные сайты документации.
Область(и) применения: Документация
Автор: Хенк Верлинде
Минимальная версия Hugo: 0.80.0
Количество звезд на Github: 955
Последнее обновление: 2022-04-21
Лицензия: MIT
Скачать тему Doks для Hugo
Hermit
Минимальная и быстрая тема для блоггеров.
Область(и) применения: Блоггинг, Портфолио
Автор: Track3
Минимальная версия Hugo: 0.43
Количество звезд на Github: 954
Последнее обновление: 2022-06-09
Лицензия: MIT
Скачать тему Hermit для Hugo
Бумага
Простая, чистая и гибкая тема.
Область(и) применения: Блоггинг, Портфолио
Автор: nanxiaobei
Минимальная версия Hugo: 0.57.1
Звезды Github: 912
Последнее обновление: 2022-04-01
Лицензия: MIT
Скачать бумажную тему для Hugo
Красивый Hugo
Простая и красивая тема; порт темы Beautiful Jekyll.
Область(и) применения: Полнофункциональные сайты, Блоггинг, Портфолио.
Автор: halogenica Минимальная версия Hugo: 0.48
Звезды Github: 911
Последнее обновление: 2021-01-06
Лицензия: MIT
Скачать Красивая тема Hugo
hello-friend
Простая тема со всем необходимым для начала нового проекта.
Область(и) применения: Блоггинг, Портфолио
Автор: panr
Минимальная версия Hugo: 0.74
Количество звезд на Github: 828
Последнее обновление: 2022-03-31
Лицензия: MIT
Скачать тему hello-friend для Hugo
Tranquilpeak
Великолепная и отзывчивая тема для блогов.
Область(и) применения: Блоггинг, Портфолио
Автор: Thibaud Leprêtre
Минимальная версия Hugo: 0.53
Количество звезд на Github: 796
Последнее обновление: 2021-10-06
Лицензия: GNU General Public License v3.0
Скачать тему Tranquilpeak для Hugo
Джейн
Читабельная и лаконичная тема.
Область(и) применения: Блоггинг, Портфолио
Автор: xianmin
Минимальная версия Hugo: 0.45
Количество звезд на Github: 751
Последнее обновление: 2022-04-07
Лицензия: MIT
Скачать тему Jane для Hugo
Ananke
Надежная стартовая тема для сайтов на Hugo с базовыми возможностями, включая лучшие практики для производительности, доступности и быстрой разработки.
Вариант(ы) использования: Полнофункциональные сайты
Автор: theNewDynamic Минимальная версия Hugo: 0.84.0
Количество звезд на Github: 733
Последнее обновление: 2022-05-07
Лицензия: MIT
Скачать тему Ananke для Hugo
MemE
Мощная и хорошо настраиваемая тема для персональных блогов, ориентированная на элегантность, простоту и корректность кода.
Область применения: Блоггинг, Портфолио
Автор: reuixiy
Минимальная версия Hugo: 0.62.2
Количество звезд на Github: 710
Последнее обновление: 2022-05-07
Лицензия: MIT
Скачать тему MemE для Hugo
Mainroad
Отзывчивая, простая, чистая и ориентированная на контент тема, основанная на теме MH Magazine lite WordPress.
Область(и) применения: Блоггинг, Портфолио
Автор: Vimux
Минимальная версия Hugo: 0.48
Количество звезд на Github: 659
Последнее обновление: 2022-04-01
Лицензия: GPL v2
Скачать тему Mainroad для Hugo
Эврика
Многофункциональная и хорошо настраиваемая тема.
Область(и) применения: Блоггинг, Портфолио
Автор: C. Wang R. Ma
Минимальная версия Hugo: 0.74.0
Количество звезд на Github: 647
Последнее обновление: 2022-04-12
Лицензия: Apache-2.0
Скачать тему Eureka для Hugo
Zzo
Многофункциональная тема для блогов.
Область(и) применения: Блоггинг, Портфолио
Автор: zzossig
Минимальная версия Hugo: 0.65.0
Количество звезд на Github: 611
Последнее обновление: 2021-05-24
Лицензия: MIT
Скачать тему Zzo для Hugo
Универсальный
Чистый и стильный шаблон сайта, портированный с Bootstrap, который выделяется своим чистым дизайном и элегантной типографикой.
Вариант(ы) использования: Полнофункциональные сайты
Автор: devcows
Минимальная версия Hugo: 0.15
Количество звезд на Github: 571
Последнее обновление: 2022-05-10
Лицензия: MIT
Скачать Универсальная тема для Hugo
Введение
Минимальная, одностраничная тема с плавной прокруткой.
Область(и) применения: Блоггинг, Портфолио
Автор: Виктория Дрейк
Минимальная версия Hugo: 0.49
Количество звезд на Github: 539
Последнее обновление: 2022-02-23
Лицензия: Apache-2.0
Скачать Вводная тема для Hugo
Тоха
Тема для личного портфолио с минималистичным дизайном и отзывчивостью.
Область(и) применения: Блоггинг, Портфолио
Автор: Эмруз Хоссейн
Минимальная версия Hugo: 0.87.0
Количество звезд на Github: 539
Последнее обновление: 2022-05-12
Лицензия: MIT
Скачать тему Toha для Hugo
mini
Быстрая, минималистичная и отзывчивая тема для блоггеров.
Область(и) применения: Блоггинг, Портфолио
Автор: nodejh
Минимальная версия Hugo: 0.75.0
Количество звезд на Github: 516
Последнее обновление: 2022-05-12
Лицензия: MIT
Скачать мини-тему для Hugo
Minimo
Минималистичная тема, которая сохраняет фокус на вашем контенте.
Область(и) применения: Блоггинг
Автор: Муниф Танджим
Минимальная версия Hugo: 0.73
Количество звезд на Github: 513
Последнее обновление: 2021-10-06
Лицензия: MIT
Скачать тему Minimo для Hugo
reveal-hugo
Тема, позволяющая создавать богатые презентации на основе HTML с помощью Hugo и Reveal.js.
Область(и) применения: Презентации Reveal.js
Автор: Josh Dzielak
Звезды Github: 486
Последнее обновление: 2022-05-16
Лицензия: MIT
Скачать тему reveal-hugo для Hugo
Hyde
Дерзкая двухколоночная тема, основанная на одноименной теме Jekyll. В ней заметная боковая панель сочетается с простым контентом.
Вариант(ы) использования: Блоггинг
Автор: spf13
Минимальная версия Hugo: 0.53
Количество звезд на Github: 483
Последнее обновление: 2021-04-02
Лицензия: MIT
Скачать тему Hyde для Hugo
Anatole
Красивая минималистичная двухколоночная тема, основанная на farbox-theme-Anatole.
Область(и) применения: Блоггинг, Портфолио
Автор: Александр Бильц
Минимальная версия Hugo: 0.53.0
Количество звезд на Github: 476
Последнее обновление: 2022-05-14
Лицензия: MIT
Скачать тему Anatole для Hugo
Archie
Минимальная и чистая тема с “markdown-ish” пользовательским интерфейсом.
Область(и) применения: Блоггинг, Портфолио
Автор: Athul Cyriac Ajay
Минимальная версия Hugo: 0.41
Количество звезд на Github: 453
Последнее обновление: 2022-03-04
Лицензия: MIT
Скачать тему Archie для Hugo
XMin
Тема “eXtremely Minimal”: всего около 150 строк кода, включая HTML и CSS.
Область(и) применения: Блоггинг, Портфолио
Автор: Yihui Xie
Минимальная версия Hugo: 0.18
Звезды Github: 453
Последнее обновление: 2022-01-20
Лицензия: MIT
Скачать тему XMin для Hugo
Чистый белый
Чистая, элегантная тема для блога.
Область(и) применения: Блоггинг, Портфолио
Автор: Huabing Zhao
Минимальная версия Hugo: 0.1
Количество звезд на Github: 429
Последнее обновление: 2022-05-07
Лицензия: Apache-2.0
Скачать тему Clean White для Hugo
LeaveIt
Чистая, элегантная и простая – но не упрощенная – тема для блога.
Область(и) применения: Блоггинг, Портфолио
Автор: LiuZhichao
Минимальная версия Hugo: 0.41
Количество звезд на Github: 386
Последнее обновление: 2018-11-05
Лицензия: MIT
Скачать тему LeaveIt для Hugo
Минимальная
Минимальная тема для личного блога.
Область(и) применения: Блоггинг, Портфолио
Автор: Калин Татару
Минимальная версия Hugo: 0.24.1
Количество звезд на Github: 384
Последнее обновление: 2021-01-04
Лицензия: MIT
Скачать Минимальная тема для Hugo
Зовите меня Сэм.
Простая и минималистичная тема, сфокусированная на контенте и типографике.
Область(и) применения: Блоггинг, Портфолио
Автор: Виктория Дрейк
Минимальная версия Hugo: 0.49
Количество звезд на Github: 382
Последнее обновление: 2022-05-01
Лицензия: Apache-2.0
Скачать Call me Sam. тема для Hugo
Hugo Fresh
Адаптирована из великолепной одноименной темы с Бульмой от CSS Ninja.
Вариант(ы) использования: Полнофункциональные сайты
Автор: Стефан М.
Минимальная версия Hugo: 0.45
Количество звезд на Github: 376
Последнее обновление: 2022-03-04
Лицензия: MIT
Скачать тему Hugo Fresh
Креативное портфолио
Чистый и элегантный шаблон, портированный из Bootstrapious.
Область(и) применения: Портфолио
Автор: Kishan B
Минимальная версия Hugo: 0.2
Количество звезд на Github: 364
Последнее обновление: 2022-05-05
Лицензия: MIT
Скачать тему для портфолио Creative для Hugo
Clarity
Тема, основанная на системе дизайна Clarity от VMware, для публикации технических блогов.
Область(и) применения: Блоггинг
Автор: Чип Золлер и Дэн Веру.
Минимальная версия Hugo: 0.63.0
Количество звезд на Github: 362
Последнее обновление: 2022-05-15
Лицензия: MIT
Скачать тему Clarity для Hugo
Cactus
Чистая и отзывчивая тема для персональных блогов, форкнутая из Hexo темы Cactus.
Область(и) применения: Блоггинг, Портфолио
Автор: Zeran Wu
Минимальная версия Hugo: 0.55
Количество звезд на Github: 359
Последнее обновление: 2021-09-01
Лицензия: MIT
Скачать тему Cactus для Hugo
Yinyang
Минималистичная черно-белая тема.
Область(и) применения: Блоггинг, Портфолио
Автор: Joway Wang
Минимальная версия Hugo: 0.50
Количество звезд на Github: 338
Последнее обновление: 2022-04-28
Лицензия: MIT
Скачать тему Yinyang для Hugo
Ink
Четкая и минимальная тема для персонального сайта и блога.
Область(и) применения: Блоггинг, Портфолио
Автор: Кайлаш Надх
Минимальная версия Hugo: 0.37
Количество звезд на Github: 321
Последнее обновление: 2022-01-09
Лицензия: MIT
Скачать тему Ink для Hugo
Дневник
Простая и элегантная тема для блога, портированная из Hexo темы Journal.
Область(и) применения: Блоггинг, Портфолио
Автор: amazingrise
Минимальная версия Hugo: 0.59
Звезды Github: 316
Последнее обновление: 2022-05-16
Лицензия: MIT
Скачать тему Дневник для Hugo
Hugo Future Imperfect
Отзывчивая тема, предназначенная для блогов, портированная – с добавленными функциями – из одноименной темы HTML5 UP.
Область(и) применения: Блоггинг, Портфолио
Автор: Хулио Пескадор
Минимальная версия Hugo: 0.15
Звезды Github: 312
Последнее обновление: 2018-02-28
Лицензия: MIT
Скачать тему Hugo Future Imperfect
Geekdoc
Простая тема для документации, намеренно разработанная, чтобы быть быстрой и экономной.
Область(и) применения: Документация
Автор: Роберт Кауссоу
Минимальная версия Hugo: 0.83
Количество звезд на Github: 309
Последнее обновление: 2022-05-12
Лицензия: MIT
Скачать тему Geekdoc для Hugo
m10c
Отзывчивая и минималистичная (m10c) тема для блоггеров.
Область(и) применения: Блоггинг, Портфолио
Автор: vaga
Минимальная версия Hugo: 0.55
Количество звезд на Github: 308
Последнее обновление: 2021-03-09
Лицензия: MIT
Скачать тему m10c для Hugo
Hugo Future Imperfect Slim
Уменьшенная версия Hugo Future Imperfect, модернизированная с помощью CSS Grid и современных функций Hugo.
Область(и) применения: Блоггинг, Портфолио
Автор: Патрик Коллинз
Количество звезд на Github: 300
Последнее обновление: 2021-11-06
Лицензия: Creative Commons Attribution 3.0 Unported
Скачать тему Hugo Future Imperfect Slim
Blackburn
Четкая и отзывчивая тема, созданная с использованием Yahoo’s Pure CSS (v1.0.0).
Область(и) применения: Блоггинг, Портфолио
Автор: Yoshiharu Yamashita
Минимальная версия Hugo: 0.15
Количество звезд на Github: 296
Последнее обновление: 2021-10-15
Лицензия: MIT
Скачать тему Blackburn
Notepadium
Тема, созданная для скорости – 100% без JavaScript.
Область(и) применения: Блоггинг, Портфолио
Автор: lvv
Минимальная версия Hugo: 0.60.0
Количество звезд на Github: 296
Последнее обновление: 2021-12-28
Лицензия: MIT
Скачать тему Notepadium
Codex
Минималистичная тема для блога с поддержкой KaTex для математических обозначений.
Область(и) применения: Блоггинг, Портфолио
Автор: Джейк Визлер
Минимальная версия Hugo: 0.82
Количество звезд на Github: 292
Последнее обновление: 2021-07-27
Лицензия: MIT
Скачать тему Codex для Hugo
Выводы для разработчиков тем для Hugo
Короче говоря, блоггинг не умер, и меньше значит больше. Большинство из этих тем предназначены для личных блогов или портфолио, за редким исключением – пара тем для документации и несколько полнофункциональных тем для сайтов. Почему? Вероятно, по нескольким причинам: просто существует больше тем для личных сайтов; профессиональные (полнофункциональные) темы сайтов реже предлагаются публично на GitHub; и многие разработчики часто обновляют свои личные сайты, что означает, что они, скорее всего, используют несколько проектов тем.
Если не принимать во внимание варианты использования, то можно заметить, что большинство этих лучших тем минималистичны, с четко определенной цветовой палитрой и простыми макетами. Типографика явно имеет значение для пользователей GitHub, как и расстояние между элементами страницы.
Куда двигаться дальше?
После того как вы выбрали тему, CMS CloudCannon для Hugo снимет все трудности, связанные с добавлением и редактированием контента. А с нашим браузером-компонентом с открытым исходным кодом Bookshop вы будете готовы предложить мгновенное редактирование в реальном времени на странице. (Вы можете прочитать справочное руководство по Hugo Bookshop, чтобы ознакомиться с необходимыми условиями и полным руководством по настройке).