GitHub Pages es una herramienta poderosa y gratuita que permite a los usuarios alojar sitios web estáticos directamente desde sus repositorios de GitHub. Esta opción es especialmente popular entre desarrolladores, diseñadores y aquellos que desean mostrar su portafolio en línea. En este artículo, te guiaré a través del proceso de publicación de tu sitio web en GitHub Pages, desde la creación del repositorio hasta la puesta en marcha de tu sitio.
¿Qué es GitHub Pages?
GitHub Pages es un servicio que ofrece GitHub para alojar sitios web directamente desde los repositorios de Git. Es una opción ideal para proyectos personales, blogs o páginas de documentación. Con GitHub Pages, puedes crear un sitio web utilizando HTML, CSS y JavaScript, y no se requiere experiencia previa en programación.
Ventajas de usar GitHub Pages
- Gratuito: No hay costos asociados al uso de GitHub Pages.
- Integración con Git: Puedes gestionar tu sitio web utilizando Git, lo que facilita la colaboración y el control de versiones.
- Personalización: Permite el uso de temas de Jekyll, un generador de sitios estáticos, para personalizar la apariencia de tu sitio.
- Dominio personalizado: Puedes vincular tu propio dominio al sitio web.
Pasos para publicar tu sitio web en GitHub Pages
1. Crea un repositorio en GitHub
El primer paso para publicar tu sitio web es crear un nuevo repositorio en GitHub. Para hacerlo:
- Inicia sesión en tu cuenta de GitHub.
- Haz clic en el botón «New» en la parte superior derecha de la página de repositorios.
- Asigna un nombre a tu repositorio. Si deseas que tu sitio web sea accesible desde
https://<tu-usuario>.github.io, el nombre del repositorio debe ser<tu-usuario>.github.io. - Asegúrate de que el repositorio sea público y selecciona la opción «Initialize this repository with a README».
- Haz clic en «Create repository».
2. Sube tus archivos al repositorio
Ahora que tienes un repositorio vacío, es hora de subir los archivos de tu sitio web. Puedes hacerlo de dos maneras: utilizando la interfaz web de GitHub o Git en tu computadora.
Opción A: Interfaz web de GitHub
- Accede a tu repositorio.
- Haz clic en el botón «Add file» y luego en «Upload files».
- Arrastra y suelta tus archivos HTML, CSS y JavaScript en el área de carga o selecciona los archivos desde tu computadora.
- Una vez que hayas cargado todos los archivos, haz clic en «Commit changes».
Opción B: Usando Git en tu computadora
Si prefieres usar la línea de comandos, puedes clonar el repositorio en tu computadora:
- Abre la terminal y ejecuta el siguiente comando:
git clone https://github.com/<tu-usuario>/<tu-repositorio>.git- Copia tus archivos del sitio web en la carpeta clonada.
- Usa los siguientes comandos para subir los archivos:
git add .
git commit -m "Publicar sitio web"
git push origin main3. Configura GitHub Pages
Después de cargar tus archivos, es necesario habilitar GitHub Pages para que tu sitio sea accesible en línea.
- Ve a la configuración de tu repositorio (haz clic en «Settings» en la parte superior).
- Desplázate hacia abajo hasta la sección «GitHub Pages».
- En el menú desplegable, selecciona la rama que deseas utilizar para GitHub Pages, generalmente es la rama main o master.
- Haz clic en «Save».
Una vez habilitado, GitHub te proporcionará una URL donde podrás acceder a tu sitio web.
4. Accede a tu sitio web
Después de unos minutos, tu sitio estará disponible en https://<tu-usuario>.github.io (o en la URL personalizada que hayas configurado). Simplemente abre un navegador y navega a esa dirección para ver tu sitio en línea.
Personaliza tu sitio con Jekyll
Si deseas agregar un toque más profesional a tu sitio web, puedes utilizar Jekyll, un generador de sitios estáticos integrado en GitHub Pages. Jekyll te permite crear sitios web dinámicos utilizando plantillas, Markdown y varios temas. Para empezar, solo necesitas crear un archivo _config.yml y seguir la documentación de Jekyll para personalizar tu sitio.
Publicar tu sitio web en GitHub Pages es un proceso sencillo y accesible para cualquiera que desee tener presencia en línea. Ya sea un portafolio personal o un blog, GitHub Pages te proporciona las herramientas necesarias para crear y publicar tu sitio de manera efectiva. Así que no esperes más, ¡comienza a construir y comparte tu trabajo con el mundo!
