Si ya tienes una página hecha con HTML y CSS, pero no sabes cómo compartirla con el mundo, esta guía es para ti. GitHub Pages te permite publicar tu sitio web de forma gratuita, sin pagar hosting y en solo unos minutos.
A continuación, te enseño cómo hacerlo paso a paso.
¿Qué necesitas antes de comenzar?
- Tener una cuenta en GitHub.com
- Tener creada tu página web (por ejemplo, un archivo
index.html
con estilo enstyle.css
) - Tener instalado Git (opcional si prefieres subir los archivos desde el navegador)
Paso 1: Crea un nuevo repositorio en GitHub
- Inicia sesión en tu cuenta de GitHub.
- Haz clic en el botón “New” o ve a https://github.com/new.
- Escribe un nombre para tu repositorio, por ejemplo:
mi-sitio-web
. - Asegúrate de dejarlo público y sin marcar la opción “Initialize this repository with a README”.
- Haz clic en “Create repository”.
Paso 2: Sube tus archivos al repositorio
Tienes dos opciones:
Opción A: Subir desde el navegador
- Dentro de tu nuevo repositorio, haz clic en “Add file” > “Upload files”.
- Arrastra y suelta tus archivos
index.html
,style.css
y otros. - Haz clic en “Commit changes”.
Opción B: Usar Git en tu computadora (más técnico)
git init
git remote add origin https://github.com/tu-usuario/mi-sitio-web.git
git add .
git commit -m "Subiendo mi sitio web"
git push -u origin master
Paso 3: Activa GitHub Pages
- Ve a la sección “Settings” de tu repositorio.
- Busca el menú lateral izquierdo y haz clic en “Pages”.
- En “Branch”, selecciona
main
(omaster
, si ese es tu nombre de rama). - Asegúrate de que esté seleccionada la carpeta raíz
/ (root)
. - Haz clic en “Save”.
Paso 4: ¡Accede a tu página web!
Después de unos segundos, GitHub te mostrará un enlace como:
https://tu-usuario.github.io/mi-sitio-web/
¡Listo! Ya tienes tu sitio publicado. Puedes compartir ese enlace con quien quieras.
Consejos finales
- El archivo principal debe llamarse
index.html
, porque GitHub lo busca automáticamente. - Puedes actualizar tu sitio en cualquier momento simplemente subiendo nuevos archivos o editando los existentes.
- GitHub Pages no permite sitios con lenguajes del lado del servidor como PHP, solo HTML, CSS y JS.
Conclusión
Publicar tu sitio web con GitHub Pages es una excelente forma de dar tus primeros pasos como desarrollador web y compartir tu trabajo con el mundo. Lo mejor de todo es que es gratis, rápido y accesible para principiantes. Ahora ya sabes cómo llevar tu proyecto desde tu computadora hasta Internet sin complicaciones.
Si este artículo te fue útil, te invito a seguir explorando el blog: encontrarás más guías paso a paso, trucos de desarrollo web y recursos prácticos para seguir aprendiendo.
¿Quieres recibir contenido exclusivo, plantillas listas para usar y consejos semanales directamente en tu correo?
Suscríbete a nuestra newsletter y mantente al día con todo lo que necesitas para avanzar como desarrollador web.
👉 Aprende, practica y publica. Este es solo el comienzo.