¿Quieres publicar tu sitio web creado con HTML, CSS y Bootstrap sin pagar hosting? En esta guía paso a paso te enseñaré cómo usar GitHub Pages para alojar tu página web completamente gratis, incluso con dominio personalizado. Perfecto para portafolios, tiendas online estáticas, landing pages y proyectos personales.
📌 Contenido del artículo:
¿Qué es GitHub Pages y por qué deberías usarlo?
GitHub Pages es un servicio de hosting estático gratuito ofrecido por GitHub que te permite publicar sitios web directamente desde un repositorio. Es ideal para:
- 🔹 Portafolios de desarrolladores y diseñadores
- 🔹 Documentación de proyectos
- 🔹 Blogs estáticos (usando Jekyll)
- 🔹 Landing pages y sitios promocionales
- 🔹 Demos de proyectos frontend
Ventajas clave:
- ✔️ Totalmente gratuito (sin costos ocultos)
- ✔️ Soporte para HTML, CSS, JavaScript y Bootstrap
- ✔️ Integración continua con GitHub
- ✔️ SSL gratuito (https automático)
- ✔️ 100GB de ancho de banda mensual
Requisitos previos para publicar tu web
Antes de comenzar, necesitarás:
🌟 ¡Visita Nuestra Tienda para Programadores! 🌟Descubre Códigos Fuente, Cursos, Software, Computadoras, Accesorios y Regalos Exclusivos. ¡Todo lo que necesitas para llevar tu programación al siguiente nivel!
- Cuenta en GitHub – Regístrate gratis aquí
- Git instalado en tu computadora – Descarga Git
- Tu proyecto web (archivos HTML, CSS, JS, imágenes)
- Editor de código como VS Code, Sublime Text o similar
💡 Consejo profesional: Si usas Bootstrap, asegúrate de que todos los archivos CSS y JS estén correctamente vinculados en tu HTML.
Tutorial paso a paso: Cómo subir tu página web a GitHub Pages
A continuación te muestro el proceso completo con dos métodos: mediante interfaz web y usando Git desde terminal.
📹 Video tutorial completo
Para los que prefieren seguir un video, aquí tienes la guía visual detallada:
📝 Método 1: Subir tu web mediante la interfaz de GitHub
- Crea un nuevo repositorio llamado
tusuario.github.io(reemplaza «tusuario» con tu nombre de GitHub) - Sube tus archivos HTML, CSS y JS arrastrándolos a la interfaz web
- Ve a Settings > Pages y selecciona la rama «main» como fuente
- ¡Listo! Tu sitio estará disponible en
https://tusuario.github.io
💻 Método 2: Usando Git desde terminal (recomendado)
# 1. Inicializar repositorio local
git init
# 2. Añadir archivos
git add .
# 3. Hacer commit
git commit -m "Primera versión de mi sitio web"
# 4. Conectar con repositorio remoto
git remote add origin https://github.com/tusuario/tusuario.github.io.git
# 5. Subir cambios
git push -u origin main
⚙️ Configuraciones avanzadas
Cómo agregar un dominio personalizado
Puedes conectar tu propio dominio (ej: midominio.com) siguiendo estos pasos:
🎯 ¿Quieres dominar la programación y estar siempre un paso adelante?
¡No te pierdas los mejores tutoriales, consejos y herramientas para desarrolladores como tú! 💻
Suscríbete ahora a mi canal de YouTube y únete a una comunidad que aprende y crece cada día. 🚀
¡Es gratis y tu próxima habilidad está a un clic de distancia! 🧠🔥
- Crea un archivo
CNAMEen tu repositorio con tu dominio - Configura los DNS en tu registrador de dominios
- Habilita la opción en GitHub Pages settings
Usar Jekyll para blogs estáticos
GitHub Pages soporta Jekyll, un generador de sitios estáticos perfecto para blogs:
gem install bundler jekyll
jekyll new mi-blog
cd mi-blog
bundle exec jekyll serve
✅ Ventajas y ❌ Limitaciones de GitHub Pages
Ventajas
- Hosting completamente gratuito
- Fácil integración con GitHub
- Soporte para versionamiento
- SSL incluido
- Ancho de banda generoso
Limitaciones
- Solo para sitios estáticos (no PHP, MySQL)
- Límite de 1GB por repositorio
- No soporta WebSockets
- Tráfico limitado a 100GB/mes
🔍 Alternativas a GitHub Pages
Si necesitas más funcionalidades, considera:
- Netlify – Más funciones y mejor CI/CD
- Vercel – Ideal para proyectos frontend modernos
- Firebase Hosting – Opción profesional de Google
- Render – Para sitios estáticos y dinámicos
❓ Preguntas frecuentes sobre GitHub Pages
¿Puedo usar bases de datos con GitHub Pages?
No directamente, pero puedes usar soluciones como Firebase Database o APIs externas para añadir funcionalidad dinámica.
¿Cómo actualizo mi sitio después de hacer cambios?
Simplemente sube los nuevos archivos a tu repositorio y GitHub Pages se actualizará automáticamente en unos minutos.
¿Hay límite en la cantidad de sitios que puedo publicar?
Cada cuenta puede tener un sitio principal (usuario.github.io) y sitios ilimitados por proyecto (ramas gh-pages).
🎯 Conclusión
GitHub Pages es la solución perfecta para publicar sitios web estáticos sin costo alguno. Ya sea que necesites mostrar tu portafolio, una tienda online básica o documentación de proyecto, esta plataforma ofrece todo lo necesario para tener tu sitio en línea rápidamente.
¿Ya publicaste tu sitio web? Comparte el enlace en los comentarios y cuéntanos tu experiencia. ¡Nos encantaría ver lo que has creado!
🚀 ¿Quieres aprender más sobre desarrollo web?
Suscríbete a mi canal de YouTube donde comparto tutoriales como este cada semana: