Subir la web a Github

En este tutorial aprenderemos cómo subir nuestra sencilla página web estática que hemos creado en los pasos anteriores a internet usando Github Pages.

Instalar Git

Previamente tendréis que tener Git instalado. Para Ubuntu, esto es sencillo:

sudo apt install git

Para Windows y Mac por favor instaladlo también.

Configuración

Cread una cuenta en Github. Una vez hecho esto, tendremos que configurarla con ssh para que nuestro ordenador pueda usarla. Aunque haya varias formas de hacerlo, a la larga esta es la más cómoda.

Si tenemos Ubuntu, comprobad que ya tenemos una clave de ssh con:

cd ~/.ssh    # acceder a nuestra carpeta de ssh
ls           # mostrar los archivos

Si vemos un archivo que se llama id_rsa.pub, copiad los contenidos del mismo en el apartado de claves ssh en github. Para mostrar la clave, haced:

cat id_rsa.pub

Una vez la hayamos configurado, continuad con los siguientes pasos.

Crear repositorio

Ahora ya está nuestra cuenta de Github configurada para poder subir los archivos a la web.

Primero, crearemos un nuevo repositorio con nuestro nombre de usuario seguido por .github.io. Por ejemplo, para el usuario "pepito" este sería "pepito.github.com":

Una vez creado el repositorio, usaremos nuestra URL del Repositorio que será similar a esta:

[email protected]:pepito/pepito.github.io.git

Nota: si no se parece, haced click en el botón "SSH":

Subir la web por primera vez

Para subir la web con Git, primero añadimos y hacemos commit de los archivos modificados, y después hacemos push de los mismos para enviarlos al servidor. Cambiar URL_REPOSITORIO por la url obtenida previamente:

git init
git remote add origin URL_REPOSITORIO
git add .
git commit -m "Añadida mi primera web"
git push --set-upstream origin master
git push

Actualizar web

Los pasos de git remote add y git push --set-upstream son sólo necesarios para la primera vez, así que para actualizar nuestra web que ya se encuentra en Github sólo será necesario hacer esto, cambiando "RUTA_CARPETA" por la dirección a nuestra carpeta de trabajo:

cd RUTA_CARPETA
git add .
git commit -m "Añadida mi primera web"
git push origin master