Bueno hemos regresado, perdonad pero como he mencionado soy estudiante y he tenido ciertos aspectos que cubrir con respecto a proyectos, en fin, se acercan vacaciones, asà que iremos regresando poco a poco, como sea.
Hace ya tiempo mostré como utilizar google drive como servicio de hosting, el dia de hoy veremos como usar Github.
¿Qué es Github?
Para no hacer el cuento largo, github es un servicio de almacenamiento en la nube, como si fuese cualquier otro como google drive, mega, dropbox etc, sin embargo su radical diferencia es que se utiliza primordialmente para almacenar código y archivos relacionados al mismo.
En español, es un servicio que permite guardar copias de mi codigo, básicamente funciona como sistema de respaldo y también funciona como controlador de versiones.
¿Controlador de versiones? Si, veras, como programadores es normal que necesitemos hacer cambios a nuestro código, antes de servicio como github era común (y aun lo es jejeje) copiar la carpeta con nuestro código y pegarla con otro nombre, de esa manera tenÃamos cientos de folders con nombres como: version1, version2, final, finalfinal, finalNoMostrar, finalOficial, etc.
Bueno github como otros servicios permite guardar cada cambio en la nube, ya sea creando repositorios o demás, de manera que cuando queramos podemos acceder al código de incluso años sin tener que tener miles de copias y/o afectar el código actual, básicamente funciona como un banco de cambios.
¿Y todo esto a que viene al tema de hosting?
Es fácil, github ademas de ser un servicio de control de versiones, es una importante red social para programadores y personas que gustan de compartir sus proyectos. Dado esto github a facilitado a ciertos desarrolladores web la posibilidad de, ademas de guardar sus proyectos, servir como servicio de pruebas, de manera que podemos utilizar github para almacenar sitios web sin mayor costo ni limites de espacio.
Ahora voy a aclarar este punto, el servicio te permitirá:
-Almacenar sitios estaticos, es decir al puro estilo html, js, css unicamente.
-Proporciona un nombre de dominio y url propios.
-No tiene mayor costo, es totalmente gratis.
-Si no deseas usarlo para tu sitio bien puedes usarlo para servir archivos de estilos y scripts para tu sitio principal, asà ahorras espacio en tu servicio de hosting principal. De hecho este blog tiene varios estilos que son servidos desde una de mis cuentas de github.
Teniendo aclarado eso veamos que tenemos que hacer:
1. Crear una cuenta en github, si ya la tienes saltate este paso.
2.Una vez creada la cuenta nos dirigimos a la pantalla de inicio:
Aqui nos iremos al apartado de crear un nuevo repositorio ("create a repository").
3.Como punto siguiente debemos colocar como nombre de repositorio nuestro nombre de usuario, en este caso la cuenta que cree de ejemplo tiene el nombre MrBlade2808, a este nombre debemos agregarle la terminación .github.io, esto es muy importante por que si no se coloca de esta manera no funcionara.
4. Una vez pichado el boton Create Repository deberemos tener una pantalla como esta:
Aquà se nos presentan varias opciones para poder subir nuestros archivos, por métodos didácticos y no alargar la entrada daremos click en "Uploading an existing file".
Y estando en esta pantalla subiéremos algún archivo html para probar nuestro cometido. Para guardarlo en el servidor damos click en "Commit Changes".
5.Una vez se termine seremos redirigidos a este sitio donde podemos ver el archivo que hemos subido, es aquà donde daremos click sobre el para poder ver su código:
Es asi que copiaremos la ruta que nos proporciona arriba y la pegaremos en nuestro navegador:
Y como podemos ver obtenemos este resultado, nuestra pagina web almacenada en los servidores de github, con nuestro propio dominio y totalmente gratis, si deseas utilizar este servicio para, como mencionaba servir archivos css o javascript a tu pagina web solo es necesario copiar el link que te proporciona github para el archivo (como el que vemos en la siguiente imagen) y usarlo en la etiqueta correspondiente:
Si deseas verlo en vivo te dejo el link: https://mrblade2808.github.io/HolaMundo.html
Y básicamente eso seria todo por hoy amigos, tengan buen dÃa.
Hace ya tiempo mostré como utilizar google drive como servicio de hosting, el dia de hoy veremos como usar Github.
¿Qué es Github?
Para no hacer el cuento largo, github es un servicio de almacenamiento en la nube, como si fuese cualquier otro como google drive, mega, dropbox etc, sin embargo su radical diferencia es que se utiliza primordialmente para almacenar código y archivos relacionados al mismo.
En español, es un servicio que permite guardar copias de mi codigo, básicamente funciona como sistema de respaldo y también funciona como controlador de versiones.
¿Controlador de versiones? Si, veras, como programadores es normal que necesitemos hacer cambios a nuestro código, antes de servicio como github era común (y aun lo es jejeje) copiar la carpeta con nuestro código y pegarla con otro nombre, de esa manera tenÃamos cientos de folders con nombres como: version1, version2, final, finalfinal, finalNoMostrar, finalOficial, etc.
Bueno github como otros servicios permite guardar cada cambio en la nube, ya sea creando repositorios o demás, de manera que cuando queramos podemos acceder al código de incluso años sin tener que tener miles de copias y/o afectar el código actual, básicamente funciona como un banco de cambios.
¿Y todo esto a que viene al tema de hosting?
Es fácil, github ademas de ser un servicio de control de versiones, es una importante red social para programadores y personas que gustan de compartir sus proyectos. Dado esto github a facilitado a ciertos desarrolladores web la posibilidad de, ademas de guardar sus proyectos, servir como servicio de pruebas, de manera que podemos utilizar github para almacenar sitios web sin mayor costo ni limites de espacio.
Ahora voy a aclarar este punto, el servicio te permitirá:
-Almacenar sitios estaticos, es decir al puro estilo html, js, css unicamente.
-Proporciona un nombre de dominio y url propios.
-No tiene mayor costo, es totalmente gratis.
-Si no deseas usarlo para tu sitio bien puedes usarlo para servir archivos de estilos y scripts para tu sitio principal, asà ahorras espacio en tu servicio de hosting principal. De hecho este blog tiene varios estilos que son servidos desde una de mis cuentas de github.
Teniendo aclarado eso veamos que tenemos que hacer:
1. Crear una cuenta en github, si ya la tienes saltate este paso.
2.Una vez creada la cuenta nos dirigimos a la pantalla de inicio:
Aqui nos iremos al apartado de crear un nuevo repositorio ("create a repository").
3.Como punto siguiente debemos colocar como nombre de repositorio nuestro nombre de usuario, en este caso la cuenta que cree de ejemplo tiene el nombre MrBlade2808, a este nombre debemos agregarle la terminación .github.io, esto es muy importante por que si no se coloca de esta manera no funcionara.
4. Una vez pichado el boton Create Repository deberemos tener una pantalla como esta:
Aquà se nos presentan varias opciones para poder subir nuestros archivos, por métodos didácticos y no alargar la entrada daremos click en "Uploading an existing file".
Y estando en esta pantalla subiéremos algún archivo html para probar nuestro cometido. Para guardarlo en el servidor damos click en "Commit Changes".
5.Una vez se termine seremos redirigidos a este sitio donde podemos ver el archivo que hemos subido, es aquà donde daremos click sobre el para poder ver su código:
Es asi que copiaremos la ruta que nos proporciona arriba y la pegaremos en nuestro navegador:
Y como podemos ver obtenemos este resultado, nuestra pagina web almacenada en los servidores de github, con nuestro propio dominio y totalmente gratis, si deseas utilizar este servicio para, como mencionaba servir archivos css o javascript a tu pagina web solo es necesario copiar el link que te proporciona github para el archivo (como el que vemos en la siguiente imagen) y usarlo en la etiqueta correspondiente:
Si deseas verlo en vivo te dejo el link: https://mrblade2808.github.io/HolaMundo.html
Y básicamente eso seria todo por hoy amigos, tengan buen dÃa.
Comentarios
Publicar un comentario