➤ Como PUBLICAR un Sitio Web GRATIS con Github Pages

¿Sabías que podés Crear y PUBLICAR un Sitio Web GRATIS con Github Pages? GitHub no solo es una plataforma para almacenar y colaborar en proyectos de código, sino que también te permite publicar tu sitio web de manera rápida y sencilla gracias a Github Pages. Si quieres saber cómo hacerlo, estás en el lugar correcto.

En este artículo, te voy a mostrar paso a paso cómo publicar un sitio web gratis con Github Pages, para que tu página esté en línea y disponible para cualquier persona con el enlace, sin necesidad de pagar por hosting o dominios. Además, GitHub Pages es ideal para sitios web estáticos, que utilizan solo HTML, CSS y JavaScript.

Como PUBLICAR un Sitio Web GRATIS con Github Pages

¿Qué es GitHub Pages?

Github Pages es un servicio gratuito proporcionado por GitHub que te permite alojar páginas web estáticas directamente desde un repositorio en tu cuenta de GitHub. Es una excelente opción si ya usas GitHub para gestionar tus proyectos de código, ya que puedes mantener y actualizar tu sitio web fácilmente desde la plataforma.

Con Github Pages, solo necesitas tener los archivos de tu sitio web en un repositorio público. A partir de ahí, GitHub se encargará de servir esos archivos como una página web accesible desde una URL personalizada, que estará lista para ser compartida con cualquier persona.

¿Por qué usar Github Pages?

Existen varias razones por las cuales Github Pages es una de las mejores opciones para publicar tu sitio web gratis:

• 100% gratuito: No hay tarifas ocultas ni limitaciones en cuanto a la cantidad de visitas que recibas.
• Sin necesidad de servidores: No necesitas contratar servicios de hosting ni gestionar servidores, GitHub se encarga de todo.
• Integración con Git: Si ya estás familiarizado con GitHub, puedes hacer cambios en tu página directamente desde el repositorio.
• Publicación rápida: Solo necesitas unos minutos para que tu sitio esté en línea.
• Ideal para sitios web estáticos: Si tu sitio web está construido con HTML, CSS y JavaScript, GitHub Pages es perfecto para ti.

Como PUBLICAR un Sitio Web GRATIS con Github Pages

A continuación, te explico cómo publicar tu sitio web de manera gratuita utilizando Github Pages. En solo unos minutos, tendrás tu página web lista para compartir con el mundo.

Paso 1: Crea un repositorio en GitHub

Lo primero que necesitas es tener una cuenta en GitHub. Si no la tienes, podés registrarte en Github.com de forma gratuita.

1. Iniciá sesión en tu cuenta de Github.
2. Dirigite a la página de inicio y hacé clic en el botón New para crear un nuevo repositorio.
3. Dale un nombre a tu repositorio. Si querés que el sitio web esté disponible en una URL personalizada como https://tuusuario.github.io, el nombre del repositorio debería coincidir con tu nombre de usuario (por ejemplo, si tu usuario es juan123, el repositorio debería llamarse juan123.github.io).
4. Marcá el repositorio como Público, ya que Github Pages solo funciona con repositorios públicos.
5. Hacé clic en Create repository para finalizar la creación de tu nuevo repositorio.

Paso 2: Sube los archivos de tu sitio web

Una vez que has creado el repositorio, es momento de subir los archivos de tu sitio web a Github. Seguí estos pasos:

1. Dentro de tu nuevo repositorio, hacé clic en el botón Add file y seleccioná Upload files.
2. Subí los archivos de tu sitio web. Estos archivos deben incluir al menos un archivo index.html, que será la página principal de tu sitio. También podés agregar archivos CSS y JavaScript si los tenés.
3. Una vez que hayas subido todos los archivos, hacé clic en Commit changes para guardarlos en el repositorio.

Paso 3: Configura Github Pages

Con los archivos de tu sitio web ya subidos a Github, es hora de configurar Github Pages para que tu sitio esté en línea.

1. Dentro del repositorio, hacé clic en la pestaña Settings (Configuración).
2. En el menú lateral, desplazate hacia abajo hasta encontrar la sección Pages.
3. En Source, seleccioná la rama desde la que se publicará el sitio web. Generalmente, será la branch main, que es la rama principal del repositorio.
4. Elegí la carpeta donde están tus archivos web. Si has subido los archivos a la raíz del repositorio, seleccioná la carpeta root.
5. Hacé clic en Save para guardar los cambios.

Paso 4: Accede a tu sitio web publicado

Una vez que hayas configurado Github Pages, tu sitio web estará disponible en cuestión de segundos.

1. Actualizá la página y verás un mensaje que te indica la URL donde tu sitio web ha sido publicado. Generalmente, la URL será algo como https://tuusuario.github.io/.
2. Hacé clic en el enlace o copiálo y pegálo en tu navegador para ver tu sitio web en línea.

¡Listo! Ahora, tu sitio web está publicado y accesible para cualquier persona con el enlace.

Paso 5: Actualiza tu sitio web fácilmente

Una de las grandes ventajas de usar Github Pages es la facilidad para hacer cambios y actualizaciones en tu sitio web. Si querés modificar algún contenido o agregar nuevas secciones a tu página, podés hacerlo de dos formas:

1. Desde Github: Ingresá a tu repositorio y subí nuevos archivos o editá los existentes directamente desde la plataforma.
2. Desde un IDE o editor de texto: Podés trabajar en tu sitio web en tu computadora usando tu editor favorito, como Visual Studio Code, Atom, o Sublime Text. Una vez que hayas realizado los cambios, podés sincronizarlos con tu repositorio de Github usando Git.

Una vez que subas los cambios a Github, solo esperá unos segundos, actualizá tu página en el navegador, ¡y verás los cambios reflejados automáticamente!

Consideraciones adicionales

Para que Github Pages funcione correctamente, hay algunas consideraciones que debés tener en cuenta:

1. El repositorio debe ser público: Si tu repositorio es privado, Github Pages no podrá servir los archivos de tu sitio web.
2. El sitio debe ser estático: Github Pages solo puede alojar sitios web estáticos, es decir, páginas construidas con HTML, CSS, y JavaScript. No podrás usar lenguajes de servidor como PHP o bases de datos.

Conclusión de Como PUBLICAR un Sitio Web GRATIS con Github Pages

Como ves, Github Pages es una excelente opción para publicar un sitio web de forma gratuita. No solo es fácil de usar, sino que también te permite actualizar tu sitio web de manera rápida y sin complicaciones. Ya no necesitas pagar por servicios de alojamiento o dominios, con Github Pages podés tener tu página web en línea en solo unos minutos.

Si ya tenés un proyecto web estático o estás pensando en crear uno, te recomiendo que pruebes Github Pages. Es ideal tanto para proyectos personales como para portafolios, blogs, y sitios web pequeños.

Espero que este artículo te haya sido útil. ¡No olvides compartirlo con otros que también quieran aprender cómo publicar un sitio web gratis usando Github Pages!