Generador de sitios de documentación que convierte archivos Markdown en un sitio web sin necesidad de un paso de compilación.
HugoBlox/kit
Framework open source de Hugo con bloques Tailwind para crear landing pages, portfolios, blogs y documentación a partir de archivos Markdown sin formato.
Alternativa open source a:Squarespace
Webflow
- Estrellas
- 9,770
- Forks
- 2,951
- Issues abiertos
- 25
- Último commit
- hace 3 meses
¿Qué es?
HugoBlox Kit es un framework open source para crear sitios web profesionales con Markdown estructurado sobre Hugo y Tailwind CSS. Los sitios se construyen con bloques reutilizables y tipos de contenido como landing pages, portfolios, blogs, listas de publicaciones, documentación y páginas de eventos. Cada página se guarda como un archivo Markdown con front matter.
El proyecto está pensado para investigadores, consultores, desarrolladores y equipos pequeños que quieren editar su sitio manualmente. El resultado es HTML estático, sin base de datos ni servidor en tiempo de ejecución, por lo que se puede desplegar en servicios como Netlify, Vercel, GitHub Pages o Cloudflare Pages. También admite notebooks de Jupyter, fórmulas matemáticas en LaTeX y páginas de publicaciones basadas en BibTeX.
El repositorio incluye una Hugo CLI para crear la estructura inicial de sitios nuevos. Además, el proyecto ofrece como complementos opcionales el generador de páginas Hugo Chat AI y la extensión Ownable CMS para VS Code, que permiten generar y editar páginas visualmente.
Funciones clave
- 01Crea páginas con bloques Tailwind reutilizables, como hero, características, precios y testimonios.
- 02Guarda todo el contenido en archivos Markdown sin formato con front matter.
- 03Incluye más de 20 tipos de contenido, entre ellos blogs, portfolios, publicaciones, documentación y charlas.
- 04Genera HTML estático que se puede desplegar en Netlify, Vercel, GitHub Pages o Cloudflare Pages.
- 05Renderiza notebooks de Jupyter, fórmulas matemáticas en LaTeX y páginas de publicaciones basadas en BibTeX.
- 06Ofrece una CLI para crear sitios nuevos.
Casos de uso
- Crear un sitio web académico personal con listas de publicaciones y páginas de proyectos.
- Crear un portfolio de desarrollador o una landing page de consultoría con alojamiento gratuito.
- Publicar un sitio de documentación o un blog cuyo contenido se mantenga en archivos Markdown dentro de un repositorio Git.
- Crear una presentación o una página de evento en Markdown con reveal.js.
Inicio rápido
- 1
Instala el CLI globalmente (se requieren Hugo Extended y Node.js).
npm install -g hugoblox - 2
Crea tu sitio con el CLI.
hugoblox create site - 3
O elige una plantilla en el navegador para ponerlo en marcha en unos 60 segundos.
Antes de usarlo
- Algunas funciones, como la edición visual, las automatizaciones con IA y la importación de BibTeX, requieren un plan Pro de pago.
- La generación de páginas con Hugo Chat AI depende de un servicio alojado que limita el número de mensajes gratuitos diarios.
Temas
Preguntas frecuentes
- ¿Qué es kit?
- Framework open source de Hugo con bloques Tailwind para crear landing pages, portfolios, blogs y documentación a partir de archivos Markdown sin formato. HugoBlox Kit es un framework open source para crear sitios web profesionales con Markdown estructurado sobre Hugo y Tailwind CSS. Los sitios se construyen con bloques reutilizables y tipos de contenido como landing pages, portfolios, blogs, listas de publicaciones, documentación y páginas de eventos. Cada página se guarda como un archivo Markdown con front matter.
- ¿kit es gratuito? ¿Qué licencia tiene?
- kit es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿kit sigue mantenido?
- Actualizado en los últimos 6 meses. El último commit de kit fue el 4 ago 2026.
- ¿Para qué puedo usar kit?
- Crear un sitio web académico personal con listas de publicaciones y páginas de proyectos. Crear un portfolio de desarrollador o una landing page de consultoría con alojamiento gratuito. Publicar un sitio de documentación o un blog cuyo contenido se mantenga en archivos Markdown dentro de un repositorio Git. Crear una presentación o una página de evento en Markdown con reveal.js.
- ¿Cómo se instala kit?
- Instala el CLI globalmente (se requieren Hugo Extended y Node.js).: npm install -g hugoblox Crea tu sitio con el CLI.: hugoblox create site O elige una plantilla en el navegador para ponerlo en marcha en unos 60 segundos.
- ¿Dónde consigo kit?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/HugoBlox/kit
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Un framework rápido y sencillo para crear blogs con Node.js que genera sitios estáticos a partir de publicaciones en Markdown.
Generador rápido de sitios estáticos que se distribuye como un único binario e incluye Markdown, Sass, procesamiento de imágenes y búsqueda.
Tema inicial gratuito y de código abierto para Astro y Tailwind CSS v4, con más de 30 widgets para landing pages, blog y funciones de SEO.
Un generador de sitios estáticos sencillo, escrito en JavaScript, que convierte directorios de plantillas HTML, Markdown, Liquid, Nunjucks y más en HTML.
CMS de código abierto para editar contenido y archivos multimedia directamente en un repositorio de GitHub, pensado para sitios estáticos creados con Jekyll, Hugo, Next.js, Astro y herramientas similares.