¿Cómo subir imágenes a una esencia?


145

¿Cómo subir imágenes a una esencia?

Echa un vistazo a esto: https://gist.github.com/mbostock/5503544#file-thumbnail-png

Lo que he intentado es arrastrar y soltar el archivo de imagen mientras está en el modo de edición de lo esencial. Eso no pareció funcionar con Crhome y FireFox.

Actualización: después de un correo electrónico de ida y vuelta con GitHub, esta característica (arrastrar y soltar archivos binarios, imágenes) no es compatible.


1
es fácil ... solo use cualquier cliente git ... sincronice el proyecto desde, copie el archivo al directorio del proyecto, agregue al repositorio (git add), confirme y sincronice nuevamente ...
Selvin

8
fx ... git clone https://gist.github.com/6afe8ae9d00c98694dc8, cd 6afe8ae9d00c98694dc8, xcopy path/to/src/file.any file.any, git add any.any, git commit -m 'n/a',git push
Selvin

Aquí se muestran varios métodos: gist.github.com/cben/46d9536baacb7c5d196c .
slm

Respuestas:


83

Estaba buscando respuesta para la misma pregunta, esto es lo que acabo de encontrar:

  1. Puede clonar su esencia como un repositorio de git y agregar su imagen, luego empujar al origen. Ver loading-thumbnail-into-gist-for .

  2. Hay un guión escrito para hacer esto: hecticjeff / gist-img .

Todavía no he probado las soluciones anteriores, pero estoy bastante seguro de que deberían funcionar. Intenté usar defunkt / gist para actualizar mi gist con un png pero terminé mostrando un archivo binario en mi gist.


2
¡Probé este método y también funciona con GIF animados! Vea el ejemplo en vivo: gist.github.com/stephenlb/… que muestra publicar, suscribir, python echo server.
Stephen Blum

Solo para asegurarse: presionar a Github, incluso si es esencial, requiere que esté registrado e ingresado en Github, ¿verdad?
sdaau

1
Cómo funciona realmente el script gist-img? Cuando publico el resultado de un archivo image / png codificado en base64 de 12kb en la API de Github para crear una esencia, termino con un archivo de texto llamado test.png como se ve aquí . Estoy seguro de que funciona muy bien con git, pero quiero usar esto para crear lo esencial de los cuadros donde no puedo configurar git. También se presentó un problema contra mi script de creación de esencia para implementar esta función.
inclinación

76

Con un poco de creatividad puedes lograr esto más rápido que la clonación. Para arrastrar / soltar:

  1. Crea la esencia
  2. Arrastre una imagen al campo de comentarios a continuación. Esto cargará su archivo de imagen e insertará el código de descuento con la URL de su imagen cargada.
  3. Copie este descuento y péguelo en el archivo que desea mostrar.

Ejemplo en vivo

Captura de pantalla del campo de comentarios


44
Esto es mucho mejor y más fácil que el enfoque SSH, gracias.
FoxDeploy el

2
Muy agradable. La extensión del archivo de la esencia hace la diferencia. Intenté foobar.pngy solo vi texto. Obviamente, debe ser *.mdpara intentar la representación de la rebaja.
Synesso

1
@ Cocowalla puedo confirmar. Acabo de enviar un boleto a Github.
ow3n

1
@ Cocowalla Github solucionó el problema. Esto funciona de nuevo.
ow3n

1
Esta es la forma más sencilla y segura de agregar imágenes. Al usar ssh, la imagen será una imagen individual grande y no podemos administrar la imagen como agregar un texto, o incluso eliminarlo de la esencia, a menos que desee eliminarlo de su local (git rm, etc.)
mochadwi

43
  1. Crea una esencia o reutiliza una de tus esencias.
  2. Clona tu esencia:

    git clone https://gist.github.com/<hash>.git
    
  3. Agregue su imagen al repositorio de su esencia:

    git add my-image.jpg
    
  4. Cometer la imagen:

    git commit -m "adding my image to my gist"
    
  5. Actualice la esencia empujando sus modificaciones:

    git push origin master
    

Utilicé GitHub Desktop para realizar estos pasos.
James Dunn

Usé git push en el paso 5
Gabriel Chung

6

Clon gist con SSH:

$ git clone git@gist.github.com:<hash>.git mygist

El clon HTTP funcionó bien, pero se encontró con problemas de autenticación HTTP en git push.


1
yo también, el mismo problema con la autenticación. Creo que es porque tiene 2FA. ssh way works (que de todos modos deberías estar usando)
Edgar Aroutiounian

4

Estaba buscando una respuesta a esta misma pregunta también, en mi caso para poder cargar archivos PDF. Tuve problemas con gist-img(mencionado en otra respuesta a esta pregunta). Busqué un poco más y descubrí Gistup , que funcionó perfectamente , la primera vez que lo probé. Utiliza node y npm , por lo que debería funcionar en la mayoría de los principales sistemas operativos.


Gistup fue muy útil: suaviza todo el flujo de trabajo (no solo el paso de carga de imágenes).
Don McCurdy

3

Cómo poner imágenes en tu URL de Gist:

  1. suba su imagen a un lugar como imgur.com de forma gratuita, luego obtenga el enlace activo.
  2. Agregue un archivo y dele una extensión de descuento .mdy use la sintaxis de imagen de descuento:

![alt text here](https://URL)

  1. ?????
  2. Lucro

2
Esta es una respuesta a una pregunta como "¿Cómo inserto una imagen en línea en mi esencia?".
m3nda

0

cargar la imagen en algún lugar y usar la etiqueta HTML <img> funciona para mí


-4

Si sube una imagen, intente estos pasos:

  • Convierte tu imagen en DataURI. Por ejemplo aquí en duri.me
  • Luego, esta cadena se inserta en GIST como un archivo de texto

Si desea volver a convertir, hay varias opciones. Por ejemplo, esto: Convertir URI de datos a datos de imagen


OK @ RadimKöhler, lo siento
Feri

Traté de agregar una imagen con un DataURI dentro de un archivo de descuento. Eso no funciona tan bien.
Justin Meyer
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.