Repolode
HugoBlox

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:SquarespaceWebflow

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. 1

    Instala el CLI globalmente (se requieren Hugo Extended y Node.js).

    npm install -g hugoblox
  2. 2

    Crea tu sitio con el CLI.

    hugoblox create site
  3. 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