Aprende a subir tus códigos a Github - Cómo hospedar tu página en Github Pages

¡Hola a todos! Si eres un programador, ya sea profesional o principiante, te podrás haber dado cuenta que para poder exponer tus habilidades y demostrar tu aprendizaje tendrás que participar en proyectos o hacer proyectos personales.

Pero, cuando te estás iniciando y aún no tienes dinero para comprar un dominio o un servicio de alojamiento (hosting) tendrás que utilizar uno gratuito. Así que en el día de hoy te enseñaré cómo subir tus páginas a Github Pages para que el público pueda ver tus proyectos en la Web.

Primero que todo, tendrás que crear tu cuenta en Github, irás a la siguiente página y le darás al enlace de registrar, colocarás tus nombre de usuario, email y tu nueva contraseña. En la sección resaltada en rojo te aparecerá un pequeño acertijo para asegurarse de que no eres un robot. Luego de esto le das al botón de Crear Cuenta (Create Account).

Luego de esto te llegará un correo de verificación a tu bandeja de entrada, tendrás que copiar el código o hacer clic en el enlace y tu cienta estara verificada.

Una vez que tengas tu cuenta, en la página de inicio tendrás que crear un nuevo repositorio, presionando el botón de color verde:

A continuación procederás a rellenar los siguientes datos: el nombre del repositorio, una descripción sobre de qué trata tu proyecto (opcional), determinar si éste será público o privado. Por último aparecen 3 casillas de selección:

• La primera es para agregar un Readme.md, un archivo donde das más detalles sobre tu código cómo utilizarlo, términos de uso, etc.
• La segunda es para agregar un archivo .gitignore, que le indica a git cuales de los archivos subidos deben ser ignorados y no se toman en cuenta sus cambios. 
• La tercera es para añadirle una licencia de uso, referente a la propiedad intelectual, modificación del código, distribución, condiciones etc.

Las tres opciones son opcionales, pero para este ejemplo, seleccionaremos la primer para agregar el archivo de "Leame". Con estas tres cosas crearemos nuestro repositorio presionando el botón verde.

Una vez creado el repositorio del proyecto hay que subir los archivos de tu sitio web (HTML  CSS, Javascript, etc). Una forma es subirlos manualmente desde la página, a través de su interfaz,  en el botón de "Add File".

Un dato muy importante es que para que puedas subir tu sitio web tiene que haber al menos un archivo llamado "index.html", que será el Home de tu sitio, si no se encuentra, tu página no será mostrada.

La otra forma, más cómoda y más utilizada es utilizando la terminal o la línea de comandos.

Para lograr esto es necesario que tengas descargado  el software de control de versiones GIT, el cual puedes descargar a través de su página oficial. Eliges la versión adecuada para tu sistema operativo (Windows, Linux, MacOS, etc) y ejecutas el instalador cuando esté listo. 

Una vez hecho esto podrán escribir cualquier comando de git desde su consola o terminal.

Para ello, irán a su editor de código favorito, donde hayan programado su proyecto, en este caso Visual Studio Code, abrirán una nueva Terminal o Consola de Comandos y escribirán lo siguiente.

 git init

 git add .

 git commit -m "Descripcion: Mi primer commit"

 git remote add origin tuURL

 git push origin master

Después de escribir cada una de las siguientes comandos deben presionar ENTER.

• Git init crea una nueva "sesión" de git y se prepara para subir archivos.
• Con git add, podrás añadir los archivos que se encuentren en tu carpeta, escribiendo su nombre (git add index.html). Por otra parte, el punto (.) se utiliza para subir todos los archivos.
• git commit se utiliza para explicar de forma reducida que has agregado o cambiado en esa nueva versión del código que vas a subir.
• git remote add origin, direcciona de forma remota los archivos que vas a subir hacia tu repositorio en línea.
• git push es el comando que se utiliza para enviar o subir esos archivos al repositorio.

n mi caso, mi URL es:  https://github.com/Luism96xd/projects-portfolio.git Asi que el cuarto comando sería:

git remote add origin https://github.com/Luism96xd/projects-portfolio.git 

git push origin master

Te preguntarás como obtienes esa url.🤔

Una vez que creas tu repositorio serás llevado a la siguiente página, aquí podrás ver todos los archivos que has subido y un botón verde que dice "Code", si presionas ese botón se abrirá la siguiente ventanita que te ofrece la url para copiar y pegar en tu terminal.

Luego de ejecutar todos estos comandos, todos tus archivos estarán en Github, solo queda configurarlo para que se hospede en Github Pages. Para ello irás al menú de opciones (Settings) y bajarás a la sección que dice Github Pages.

Aquí seleccionás la rama (branch) en donde se encuentra tu proyecto, en este caso "master", por defecto es "main", así que tendrás que cambiarla en ese menú desplegable y por último presionas el botón de guardar "Save". ¡Y listo, tu página está subida a Github Pages! Al recargar la página te dará un enlace al cual podrás acceder y compartirlo. Estará resaltado en color verde cuando hayas terminado el proceso.

Compartir tus proyectos en Github es fundamental, te dará un mayor alcance y las personas podrán conocer tus habilidades. Github nos ofrece la oportunidad de hospedar nuestros sitios web de forma gratuita. Del mismo modo, también puedes subir a Github todo el código que hay detrás. 

¿Qué te ha parecido este tutorial? ¿Tienes algun sitio web para compartirnos? Déjamelo saber en los comentarios. 

¡Saludos y espero verlos pronto!