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 la web
Los pasos de git init
, git remote add
y git push --set-upstream
son sólo necesarios para la primera vez. 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