Comment téléchargez-vous des images dans une base?


145

Comment téléchargez-vous des images dans une base?

Jetez un œil à ceci: https://gist.github.com/mbostock/5503544#file-thumbnail-png

Ce que j'ai essayé, c'est de glisser-déposer le fichier image en mode d'édition d'un gists. Cela ne semblait pas fonctionner sous Crhome et FireFox.

Mise à jour: après un échange de courriels avec GitHub, cette fonctionnalité (glisser-déposer des fichiers binaires, des images) n'est pas prise en charge.


1
c'est facile ... il suffit d'utiliser n'importe quel client git ... synchroniser le projet depuis, copier le fichier dans le répertoire du projet, ajouter au repo (git add), valider et synchroniser à nouveau ...
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

Plusieurs méthodes sont présentées ici - gist.github.com/cben/46d9536baacb7c5d196c .
slm

Réponses:


83

Je cherchais une réponse pour la même question, voici ce que je viens de trouver:

  1. Vous pouvez cloner votre gist en tant que référentiel git et ajouter votre image, puis pousser vers l'origine. Voir loading-thumbnail-into-gist-for .

  2. Il y a un script écrit pour cela: hecticjeff / gist-img .

Je n'ai pas encore essayé les solutions ci-dessus, mais je suis presque sûr qu'elles devraient fonctionner. J'ai essayé d'utiliser defunkt / gist pour mettre à jour mon essence avec un png mais j'ai fini par afficher un fichier binaire dans mon essence.


2
J'ai testé cette méthode et elle fonctionne aussi avec les GIF animés! Voir l'exemple en direct: gist.github.com/stephenlb/… il montre le serveur d'écho Python de publication d'abonnement.
Stephen Blum

Juste pour être sûr: pousser vers Github, même si c'est essentiel, vous oblige à être enregistré et connecté à Github, n'est-ce pas?
sdaau

1
le script gist-img fonctionne-t-il réellement? lorsque je poste le résultat d'un fichier image / png de 12 ko encodé en base64 sur l'api github pour créer un élément essentiel, je me retrouve avec un fichier texte appelé test.png comme vu ici . Je suis sûr que cela fonctionne très bien avec git, mais je veux l'utiliser pour créer des éléments essentiels à partir de boîtes où je ne peux pas configurer git. Il y a aussi un problème avec mon script de création essentiel pour implémenter cette fonctionnalité.
penchant le

76

Avec un peu de créativité, vous pouvez y parvenir plus rapidement que le clonage. Pour glisser / déposer:

  1. Créer l'essentiel
  2. Faites glisser une image dans le champ de commentaire ci-dessous. Cela téléchargera votre fichier image et insérera le code de démarque avec l'URL de votre image téléchargée.
  3. Copiez ce démarque et collez-le dans le fichier que vous souhaitez afficher.

Exemple en direct

Capture d'écran du champ de commentaire


4
C'est tellement mieux et plus facile que l'approche SSH, merci.
FoxDeploy

2
Très agréable. L'extension de fichier de l'essentiel fait une différence. J'ai essayé foobar.pnget je n'ai vu que du texte. Évidemment, il doit s'agir *.mdde tenter de rendre le démarque.
Synesso

1
@Cocowalla je peux confirmer. Je viens de soumettre un ticket pour Github.
ow3n

1
@Cocowalla Github a résolu le problème. Cela fonctionne à nouveau.
ow3n

1
C'est le moyen le plus simple et le plus sûr d'ajouter une image. Lorsque vous utilisez ssh, l'image sera une grande image individuelle et nous ne pouvons pas gérer l'image comme ajouter un texte, ou même la supprimer de l'essentiel, à moins que vous ne souhaitiez la supprimer de votre
fichier

43
  1. Créez un résumé ou réutilisez l'un de vos éléments .
  2. Clonez votre essence:

    git clone https://gist.github.com/<hash>.git
    
  3. Ajoutez votre image au référentiel de votre gist:

    git add my-image.jpg
    
  4. Validez l'image:

    git commit -m "adding my image to my gist"
    
  5. Mettez à jour l'essentiel en vous poussant à modifier:

    git push origin master
    

J'ai utilisé GitHub Desktop pour effectuer ces étapes.
James Dunn

J'ai utilisé git push à l'étape 5
Gabriel Chung

6

Cloner l'essentiel avec SSH:

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

Le clone HTTP a bien fonctionné, mais a rencontré des problèmes d'authentification HTTP à git push.


1
moi aussi, même problème avec l'authentification. Je pense que c'est parce que 2FA est activé. ssh way fonctionne (que vous devriez de toute façon utiliser)
Edgar Aroutiounian

4

Je cherchais aussi une réponse à cette même question, dans mon cas afin de pouvoir télécharger des fichiers PDF. J'ai eu des problèmes avec gist-img(mentionné dans une autre réponse à cette question). J'ai cherché un peu plus et j'ai découvert gistup , qui fonctionnait parfaitement , la première fois que je l'ai essayé. Il utilise node et npm , il devrait donc fonctionner sur la plupart des principaux systèmes d'exploitation.


Gistup a été très utile: fluidifie l'ensemble du flux de travail (pas seulement l'étape de téléchargement d'image).
Don McCurdy du

3

Comment mettre des images dans votre URL Gist:

  1. téléchargez votre image sur un endroit comme imgur.com gratuitement, puis obtenez le lien direct.
  2. Ajoutez un fichier et donnez-lui une extension markdown .mdet utilisez la syntaxe d'image markdown:

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

  1. ?????
  2. Profit

2
Ceci est une réponse à une question comme "Comment insérer une image en ligne à mon sens".
m3nda

0

télécharger l'image quelque part et utiliser la balise HTML <img> fonctionne pour moi


-4

Si vous téléchargez une image, essayez ces étapes:

  • Convertissez votre image en DataURI. Par exemple ici sur duri.me
  • Ensuite, cette chaîne s'insère dans GIST en tant que fichier texte

Si vous souhaitez reconvertir, il existe plusieurs options. Par exemple, ceci: Conversion de l'URI des données en données d'image


OK @ RadimKöhler, désolé
Feri

J'ai essayé d'ajouter une image avec un DataURI dans un fichier markdown. Cela ne fonctionne pas aussi bien.
Justin Meyer
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.