Repolode
HugoBlox

HugoBlox/kit

Открытый фреймворк Hugo с блоками на Tailwind для создания лендингов, портфолио, блогов и документации из обычных Markdown-файлов.

Open source альтернатива:SquarespaceWebflow

Звёзды
9,770
Форки
2,951
Открытые issues
25
Последний коммит
3 месяца назад

Что это?

HugoBlox Kit — это открытый фреймворк для создания профессиональных сайтов на основе структурированного Markdown, Hugo и Tailwind CSS. Сайты собираются из повторно используемых блоков и типов контента: лендингов, портфолио, блогов, списков публикаций, документации и страниц мероприятий. Каждая страница хранится в Markdown-файле с front matter.

Проект предназначен для исследователей, консультантов, разработчиков и небольших команд, которым нужен сайт, редактируемый вручную. На выходе получается статический HTML без базы данных и сервера, работающего во время выполнения, поэтому сайт можно разместить на Netlify, Vercel, GitHub Pages или Cloudflare Pages. Поддерживаются Jupyter notebooks, математические формулы LaTeX и страницы публикаций на основе BibTeX.

В репозитории есть Hugo CLI для создания каркаса нового сайта. Кроме того, в качестве дополнительных инструментов доступны генератор страниц Hugo Chat AI и расширение Ownable CMS для VS Code, предназначенные для генерации страниц и их визуального редактирования.

Ключевые возможности

  • 01Создаёт страницы из повторно используемых блоков Tailwind, например hero-секций, блоков с преимуществами, ценами и отзывами.
  • 02Хранит весь контент в обычных Markdown-файлах с front matter.
  • 03Включает более 20 типов контента, в том числе блоги, портфолио, публикации, документацию и доклады.
  • 04Генерирует статический HTML, который можно разместить на Netlify, Vercel, GitHub Pages или Cloudflare Pages.
  • 05Отображает Jupyter notebooks, математические формулы LaTeX и страницы публикаций на основе BibTeX.
  • 06Предоставляет CLI для создания новых сайтов.

Сценарии использования

  • Создание персонального сайта учёного со списком публикаций и страницами проектов.
  • Создание портфолио разработчика или лендинга консультанта с бесплатным хостингом.
  • Публикация документации или блога, контент которых хранится в Markdown-файлах Git-репозитория.
  • Создание презентации или страницы мероприятия из Markdown с помощью reveal.js.

Быстрый старт

  1. 1

    Установите CLI глобально (требуются Hugo Extended и Node.js).

    npm install -g hugoblox
  2. 2

    Создайте сайт с помощью CLI.

    hugoblox create site
  3. 3

    Или выберите шаблон в браузере, чтобы запустить сайт примерно за 60 секунд.

Что важно знать

  • Для некоторых функций, таких как визуальное редактирование, автоматизация с помощью ИИ и импорт BibTeX, требуется платный тариф Pro.
  • Генерация страниц в Hugo Chat AI зависит от размещённого сервиса с дневным лимитом бесплатных сообщений.

Темы

Частые вопросы

Что такое kit?
Открытый фреймворк Hugo с блоками на Tailwind для создания лендингов, портфолио, блогов и документации из обычных Markdown-файлов. HugoBlox Kit — это открытый фреймворк для создания профессиональных сайтов на основе структурированного Markdown, Hugo и Tailwind CSS. Сайты собираются из повторно используемых блоков и типов контента: лендингов, портфолио, блогов, списков публикаций, документации и страниц мероприятий. Каждая страница хранится в Markdown-файле с front matter.
kit можно использовать бесплатно? Какая у него лицензия?
kit распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
kit всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в kit — 4 авг. 2026 г..
Для чего можно использовать kit?
Создание персонального сайта учёного со списком публикаций и страницами проектов. Создание портфолио разработчика или лендинга консультанта с бесплатным хостингом. Публикация документации или блога, контент которых хранится в Markdown-файлах Git-репозитория. Создание презентации или страницы мероприятия из Markdown с помощью reveal.js.
Как установить kit?
Установите CLI глобально (требуются Hugo Extended и Node.js).: npm install -g hugoblox Создайте сайт с помощью CLI.: hugoblox create site Или выберите шаблон в браузере, чтобы запустить сайт примерно за 60 секунд.
Где скачать kit?
Исходный код и инструкции по установке — на GitHub: https://github.com/HugoBlox/kit

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

CMS с открытым исходным кодом для редактирования контента и медиафайлов прямо в репозитории GitHub; подходит для статических сайтов на Jekyll, Hugo, Next.js, Astro и других инструментах.

4,1 тыс.578TypeScriptMITОбновлён 6 дней назад