Генератор сайтов документации, который превращает Markdown-файлы в сайт без этапа сборки.
HugoBlox/kit
Открытый фреймворк Hugo с блоками на Tailwind для создания лендингов, портфолио, блогов и документации из обычных Markdown-файлов.
Open source альтернатива:Squarespace
Webflow
- Звёзды
- 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
Установите CLI глобально (требуются Hugo Extended и Node.js).
npm install -g hugoblox - 2
Создайте сайт с помощью CLI.
hugoblox create site - 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 обновляется ежедневно.
Похожие проекты
Быстрый и простой фреймворк для блогов на Node.js, который создает статические сайты из Markdown-публикаций.
Быстрый генератор статических сайтов в виде одного бинарного файла, со встроенной поддержкой Markdown, Sass, обработки изображений и поиска.
Бесплатная тема-шаблон с открытым исходным кодом для Astro и Tailwind CSS v4: более 30 виджетов для лендингов, блог и инструменты SEO.
Простой генератор статических сайтов на JavaScript, который превращает каталог шаблонов на HTML, Markdown, Liquid, Nunjucks и других языках в HTML.
CMS с открытым исходным кодом для редактирования контента и медиафайлов прямо в репозитории GitHub; подходит для статических сайтов на Jekyll, Hugo, Next.js, Astro и других инструментах.