Guía básica para subir tu página web gratis con GitHub Pages

Cómo subir tu página web gratis con GitHub Pages (Guía paso a paso para principiantes)

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 en style.css)
  • Tener instalado Git (opcional si prefieres subir los archivos desde el navegador)

Paso 1: Crea un nuevo repositorio en GitHub

  1. Inicia sesión en tu cuenta de GitHub.
  2. Haz clic en el botón “New” o ve a https://github.com/new.
  3. Escribe un nombre para tu repositorio, por ejemplo: mi-sitio-web.
  4. Asegúrate de dejarlo público y sin marcar la opción “Initialize this repository with a README”.
  5. Haz clic en “Create repository”.

Paso 2: Sube tus archivos al repositorio

Tienes dos opciones:

Opción A: Subir desde el navegador

  1. Dentro de tu nuevo repositorio, haz clic en “Add file” > “Upload files”.
  2. Arrastra y suelta tus archivos index.html, style.css y otros.
  3. 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

  1. Ve a la sección “Settings” de tu repositorio.
  2. Busca el menú lateral izquierdo y haz clic en “Pages”.
  3. En “Branch”, selecciona main (o master, si ese es tu nombre de rama).
  4. Asegúrate de que esté seleccionada la carpeta raíz / (root).
  5. 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.

Te puede interesar...

Deja un comentario