Cover Image

Creación de un sitio web estático en GitHub con GitHub Desktop

November 3, 2025 ~ 2 months ago

Las páginas de Github son la forma más rápida de implementar un sitio web estático gratuito, lo que lo hace atractivo para los desarrolladores de código abierto que desean alojar un buen sitio web para su proyecto. La parte más difícil de configurar un sitio web en Github es, en realidad, usar Github, ya que puede resultar complicado si no estás familiarizado con el funcionamiento del sistema. Hay varias formas de subir tu código a Github, pero aquí explicaré el método más sencillo y fácil de entender utilizando Github Desktop. También me tomaré la libertad de dar por hecho que ya has creado una cuenta en Github.

Instalación e inicio de sesión en Github Desktop

1) Empieza por ir a https://desktop.github.com/download Image description 2) Abre el archivo ejecutable que descargaste y espera a que termine de instalar el programa. Una vez hecho esto, verás esta página. Pulsa «Iniciar sesión en Github.com», inicia sesión en tu cuenta y autoriza Github Desktop Image description 3) Una vez autorizado, verás esta página. Si utilizaste tu correo electrónico escolar para crear tu cuenta de Github, te recomiendo encarecidamente que cambies la dirección de correo electrónico por una anónima (que tendrá un aspecto similar a este: [email protected])
Image description 4) ¡Y eso es todo! Ahora ya has iniciado sesión en Github Desktop y puedes empezar a trabajar con Github

Crear tu primer repositorio

1) Haga clic en el botón azul grande para crear su primer repositorio y rellene toda la información relevante. Por ahora, puede ignorar la inicialización del repositorio con un README, el Git ignore y la licencia, ya que son más técnicos o legales Image description 2) Una vez que inicialices tu primer repositorio, ya puedes empezar a trabajar en él. En la imagen explico para qué sirven la mayoría de los botones, pero pueden cambiar de lugar, así que no es una explicación completa
Image description 3) Cuando termines de editar tus primeros archivos, verás una interfaz similar a esta:
Image description 4) Añade un nombre al commit y publícalo localmente. A continuación, haz clic en el botón “Publicar”

Hay que tener en cuenta que no se puede utilizar Github Pages con un repositorio privado. Probablemente querrás que todos tus proyectos sean públicos cuando se trate de proyectos escolares, ya que añadir otros usuarios es tedioso. Image description

Publicación del repositorio en Github Pages

Si tu repositorio consta de varios archivos HTML, puedes utilizar fácilmente Github Pages para ejecutar el sitio web de forma estática.

1) Ve a la página de configuración de tu repositorio en Github
Image description 2) Ve a la página de configuración secundaria para Github Pages
Image description 3) Edita la rama en la principal y guárdala
Image description 4) Para ver tu sitio web recién creado, ve a la página principal de repositorios, haz clic en implementación (si no aparece, es posible que tengas que esperar entre 2 y 3 minutos y actualizar la página) y el enlace será fácilmente visible
Image description Image description

Repositorio ejemplos