GitHub Pages

Publicar sitios estáticos gratis desde un repositorio de GitHub. Cómo activarlo, rama y carpeta, y dominio personalizado.

GitHub Pages permite alojar un sitio web estático (HTML, CSS, JavaScript) directamente desde un repositorio de GitHub, de forma gratuita.

Puedes publicar desde la rama main (o master) o desde la carpeta /docs. Cada push a esa rama actualiza el sitio. La URL por defecto es usuario.github.io/repositorio o usuario.github.io si el repo se llama usuario.github.io.

Soporta Jekyll para generar sitios estáticos; también puedes subir HTML/CSS/JS puro. Puedes usar un dominio propio configurando un registro CNAME en DNS.

  • Hosting estático gratis desde Git.
  • GitHub ofrece un servicio que toma el contenido de un repositorio (o de una rama/carpeta concreta) y lo sirve como web. No ejecuta PHP ni bases de datos; es ideal para portfolios, documentación, landing pages o proyectos con solo frontend. El tráfico y el ancho de banda tienen límites razonables para uso personal o de proyecto.
  • Gratis para repositorios públicos (y con límites para privados en planes de pago).
  • URL: usuario.github.io o usuario.github.io/nombre-repo.
  • Se actualiza con cada push a la rama configurada.

¿Qué es GitHub Pages?

Hosting estático gratis desde Git.

GitHub ofrece un servicio que toma el contenido de un repositorio (o de una rama/carpeta concreta) y lo sirve como web. No ejecuta PHP ni bases de datos; es ideal para portfolios, documentación, landing pages o proyectos con solo frontend. El tráfico y el ancho de banda tienen límites razonables para uso personal o de proyecto.

  • Gratis para repositorios públicos (y con límites para privados en planes de pago).
  • URL: usuario.github.io o usuario.github.io/nombre-repo.
  • Se actualiza con cada push a la rama configurada.

Activar GitHub Pages en un repo

Configuración en el repositorio.

En el repositorio ve a Settings → Pages. En «Source» elige la rama (por ejemplo main) y la carpeta (root / o docs). Guarda. En unos minutos el sitio estará en https://usuario.github.io/repo. El contenido que esté en la raíz (o en docs) se servirá como está; si usas index.html en la raíz, será la página principal.

Dominio personalizado

Usar tu propio dominio (midominio.com).

En Settings → Pages, en «Custom domain» escribe tu dominio (ej. www.midominio.com). GitHub te indicará que añadas un registro CNAME en tu DNS: www → usuario.github.io (si usas la raíz midominio.com, en algunos registradores se usa A/ALIAS hacia las IP de GitHub; consulta la documentación actual). Puedes forzar HTTPS desde la misma sección una vez el DNS esté bien configurado.

Introducción al Mundo Web, Hosting y Dominios
12

GitHub Pages

Publicar sitios estáticos gratis desde un repositorio de GitHub. Cómo activarlo, rama y carpeta, y dominio personalizado.

Código del tema: GitHub Pages

📘 Teoría

¿Qué es GitHub Pages?

Hosting estático gratis desde Git.

GitHub ofrece un servicio que toma el contenido de un repositorio (o de una rama/carpeta concreta) y lo sirve como web. No ejecuta PHP ni bases de datos; es ideal para portfolios, documentación, landing pages o proyectos con solo frontend. El tráfico y el ancho de banda tienen límites razonables para uso personal o de proyecto.

  • Gratis para repositorios públicos (y con límites para privados en planes de pago).
  • URL: usuario.github.io o usuario.github.io/nombre-repo.
  • Se actualiza con cada push a la rama configurada.

Activar GitHub Pages en un repo

Configuración en el repositorio.

En el repositorio ve a Settings → Pages. En «Source» elige la rama (por ejemplo main) y la carpeta (root / o docs). Guarda. En unos minutos el sitio estará en https://usuario.github.io/repo. El contenido que esté en la raíz (o en docs) se servirá como está; si usas index.html en la raíz, será la página principal.

Dominio personalizado

Usar tu propio dominio (midominio.com).

En Settings → Pages, en «Custom domain» escribe tu dominio (ej. www.midominio.com). GitHub te indicará que añadas un registro CNAME en tu DNS: www → usuario.github.io (si usas la raíz midominio.com, en algunos registradores se usa A/ALIAS hacia las IP de GitHub; consulta la documentación actual). Puedes forzar HTTPS desde la misma sección una vez el DNS esté bien configurado.

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre Introducción al Mundo Web, Hosting y Dominios.

Test de Introducción al Mundo Web, Hosting y Dominios

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .