Como utilizar github para alojar archivos

como usar github como hosting hosting gratuito con github y rawgit

Alojar archivos para utilizarlos en nuestros proyecto es un calvario, aunque si buscamos un poco siempre encontraremos una buena solución. El dia de hoy vamos a aprender a utilizar un repositorio en github como hosting, claro, alojar archivos de libre uso, nada que viole los derechos de autor.


Crear repositorio

Primero necesitamos tener una cuenta en github, si no tienes una, registrate en la pagina principal. Una vez creada la cuenta y haber iniciado sesión, despliega el menu "+" y selecciona "new repository":


crear repositorio github

En la siguiente página le damos un nombre al repositorio, marcamos para inicializar el "Readme", seleccionamos una licencia la cual puede ser MIT y por ultimo pulsamos el boton "Create repository":


crear nuevo repositorio github host

Y listo, ya hemos creado nuestro repositorio para usar como hosting.


Subir archivos y usar rawgit

Recuerda que todo lo que alojes dentro debe ser de libre uso para no violar los derechos de autor, o de lo contrario perderás tu cuenta en github. Ya en nuestro repositorio, vamos a pulsar el boton "upload files":


subir archivos a github

En la siguiente página solo debemos arrastrar los archivos que necesitamos alojar para nuestro proyecto, escribimos un comentario y presionamos el botón "Commit changes":


commit changes comentar cambios github

Al hacerlo volveremos a nuestro repositorio con nuestros archivos subidos ya listados, simplemente damos clic en uno y en la página de vista previa damos clic al botón "raw":


raw archivo github

Notaras que el archivo se abre por completo en el navegador, lo único que necesitamos es copiar la url de ese archivo, en el caso de este tutorial, la url de mi archivo de ejemplo es la siguiente:


https://raw.githubusercontent.com/Zero20659/danielhost/master/style.css

Pues bien ahora que tenemos el enlace, visitaremos la pagina principal de rawgit, y pegaremos el enlace en el primer recuadro. Al hacerlo nos devolvera dos en enlaces en la parte inferior, el que debemos usar se encuentra en la izquierda:


rawgit cdn github

Ese enlace proviene desde una cdn proporcionada por stackpath. La url es permanente y no tiene limites de trafico, sin embargo, si decides actualizar tu archivo en github los cambios no se tomarán al instante.


El enlace de la derecha lo puedes usar para probar tus cambios ya que en este si se reflejan al instante, sin embargo no esta permitido usarlo directamente en tu proyecto público, de lo contrario tus enlaces dejarán de estar disponible.


Cómo usar los enlaces

Principalmente podemos alojar archivos CSS y Javascript, ya que los enlaces son directos y contiene los encabezados correctos. Por ejemplo, el enlace que genere para este tutorial puedo incrustarlo con html:


<link href="https://cdn.rawgit.com/Zero20659/danielhost/master/style.css" rel="stylesheet"/>

Cabe recalcar que rawgit es un servicio gratuito que se mantiene solo. No ofrece ninguna garantía acerca de la disponibilidad del servicio, sin embargo lo llevo usando desde hace mas de 2 años y no he tenido ningún problema.


Espero que este aporte les sea de ayuda para completar el desarrollo de sus proyectos. Si tienen alguna duda dejenla en los comentarios y no olviden compartir esta entrada, eso me ayuda siempre mucho y lo agradezco mucho tambien.

Quizás te interese