Gists de Github

Un Gist es una herramienta de GitHub diseñada para compartir y gestionar fragmentos de código, notas o cualquier archivo de texto de forma sencilla, sin necesidad de crear un repositorio completo.

Cada Gist es técnicamente un mini repositorio independiente de Github, lo que permite que sea clonado, bifurcado (forked) y tenga un historial de versiones automático.

Básicamente, los Gists se utilizan como una colección de notas o fragmentos de código (denominados snippets ) para compartir: funciones reutilizables, configuraciones o ejemplos de código que no justifican la estructura de un proyecto entero.

Los Gists pueden ser públicos (visibles para todos) o secretos (solo accesibles mediante un enlace directo), y se pueden fijar al perfil de usuario para mayor visibilidad.

Pasos para crear un Gist

1. 1. Entra a tu cuenta de GitHub y presiona el botón + Create new...

2. 2. Verás las siguientes opciones. Selecciona la opción <> New gist

   

3. 3. Aparecerá la siguiente pantalla: (he incluido en la misma el los datos a llenar.)

   

4. 4. Para crear otro Gist, en el mismo repositorio de Gists, haz clic sobre el botón Add file

Copiar un Gist

Los Gist de un repositorio, se pueden copiar de diferentes maneras:

• - Obteniendo su código de inserción para mostrarlo en un HTML (opción Embed)
• - Compartiendo la URL del repositorio (opción Share)
• - Clonando el repositorio directamente
• - Descargando el contenido del repositorio (botón Download ZIP )
• - Asimismo se puede copiar el contenido de un sólo archivo clicando sobre el botón Raw

Obteniendo la URL del Repositorio Share

La URL copiada tendrá el siguiente aspecto:

https://gist.github.com/ritadelatorre/50d3e040dd1e0ebd5e191ba1676d366f

Obtener el código de inserción:

Pasos:

• - Abre el Gist que deseas compartir en tu navegador.
• - Haz clic en el botón Embed (ubicado en la esquina superior derecha).

• - GitHub generará automáticamente una etiqueta <script> que contiene la URL del Gist.
    El código resultante tiene la siguiente estructura:
  

  <script src="https://gist.github.com/USUARIO/ID_DEL_GIST.js"></script>

  <script src="https://gist.github.com/ritadelatorre/50d3e040dd1e0ebd5e191ba1676d366f.js"></script>

Pegar el código de inserción en tu página web:

• Pega el código copiado directamente en el HTML de tu sitio web donde quieras que aparezca el fragmento de código.
• El script cargará dinámicamente el Gist con su resaltado de sintaxis, números de línea y botón copiar.

Ejemplo de código

---

Ejercicio clase Gist

En este ejercicio, crearemos una clase Gist que nos permitirá crear un objeto gist y un array de objetos gists, al cual denominaremos snippets

La clase Gist deberá tener los siguientes attributos: idInterno, usuario,idGithub,lenguaje,descripcion

Ejemplo de un objeto gists

const gist = new Gist(1, 
               'ritadelatorre', 
               '50d3e040dd1e0ebd5e191ba1676d366f', 
               'js', 
               'Buscar con while en un array de Objetos')

Agregar a la clase Gist, métodos para:

• - Generar automáticamente el enlace de un Gist y devolverlo con return
• - Generar automáticamente el script que Github crea al copiar un Gist con Embedy devolverlo con return
• - Cambiar el método toString() para obtener tanto los datos del objeto como lo que se genera con sus métodos.

Hacer un CRUD que permita hacer todas las operaciones con el array de snippets