Wie lade ich Bilder in einen Kern hoch?


145

Wie lade ich Bilder in einen Kern hoch?

Schauen Sie sich das an: https://gist.github.com/mbostock/5503544#file-thumbnail-png

Was ich versucht habe, ist das Ziehen und Ablegen der Bilddatei im Bearbeitungsmodus eines Gists. Das schien unter Crhome und FireFox nicht zu funktionieren.

Update: Nach einem Hin- und Her-E-Mail mit GitHub wird diese Funktion (Drag-and-Drop-Binärdateien, Bilder) nicht unterstützt.


1
Es ist einfach ... verwenden Sie einfach einen beliebigen Git-Client ... synchronisieren Sie das Projekt von, kopieren Sie die Datei in das Projektverzeichnis, fügen Sie es zum Repo hinzu (git add), schreiben Sie es fest und synchronisieren Sie es erneut ...
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

Hier werden verschiedene Methoden gezeigt - gist.github.com/cben/46d9536baacb7c5d196c .
Slm

Antworten:


83

Ich habe nach einer Antwort auf dieselbe Frage gesucht. Folgendes habe ich gerade gefunden:

  1. Sie können Ihren Kern als Git-Repository klonen, Ihr Bild hinzufügen und dann zum Ursprung wechseln. Siehe Laden von Miniaturansichten .

  2. Dazu wurde ein Skript geschrieben: hecticjeff / gist-img .

Ich habe die oben genannten Lösungen noch nicht ausprobiert, bin mir aber ziemlich sicher, dass sie funktionieren sollten. Ich habe versucht, defunkt / gist zu verwenden, um mein Gist mit einem PNG zu aktualisieren, aber am Ende wurde eine Binärdatei in meinem Gist angezeigt.


2
Ich habe diese Methode getestet und sie funktioniert auch mit animierten GIFs! Siehe Live-Beispiel: gist.github.com/stephenlb/… zeigt den Python-Echo-Server "Publish Subscribe".
Stephen Blum

Nur um sicherzugehen: Wenn Sie zu Github wechseln, müssen Sie registriert und bei Github angemeldet sein, auch wenn es sich um einen Kern handelt, oder?
Sdaau

1
funktioniert das gist-img-Skript tatsächlich? Wenn ich das Ergebnis einer Base64-codierten 12-KB-Bild- / PNG-Datei an die Github-API sende, um eine Übersicht zu erstellen, erhalte ich eine Textdatei mit dem Namen test.png, wie hier gezeigt . Ich bin mir sicher, dass es mit Git großartig funktioniert, aber ich möchte dies verwenden, um Gists aus Feldern zu erstellen, in denen ich Git nicht einrichten kann. Es gibt auch ein Problem gegen mein Kernskript zur Implementierung dieser Funktion.
Vorliebe

75

Mit ein wenig Kreativität können Sie dies schneller erreichen als das Klonen. Zum Ziehen / Ablegen:

  1. Erstellen Sie das Wesentliche
  2. Ziehen Sie ein Bild in das Kommentarfeld unten. Dadurch wird Ihre Bilddatei hochgeladen und der Markdown-Code mit der URL für Ihr hochgeladenes Bild eingefügt.
  3. Kopieren Sie diesen Markdown und fügen Sie ihn in die Datei ein, die Sie anzeigen möchten.

Live-Beispiel

Screenshot des Kommentarfeldes


4
Dies ist viel besser und einfacher als der SSH-Ansatz, danke.
FoxDeploy

2
Sehr schön. Die Dateierweiterung des Kerns macht einen Unterschied. Ich habe versucht foobar.pngund nur Text gesehen. Offensichtlich muss *.mdversucht werden, den Abschlag zu rendern.
Synesso

1
@Cocowalla kann ich bestätigen. Ich habe gerade ein Ticket bei Github eingereicht.
Ow3n

1
@Cocowalla Github hat das Problem behoben. Das funktioniert wieder.
Ow3n

1
Dies ist die einfachste und sicherste Möglichkeit, ein Bild hinzuzufügen. Bei Verwendung von ssh handelt es sich bei dem Bild um ein großes Einzelbild, und wir können das Bild nicht wie das Hinzufügen eines Textes oder sogar das Entfernen aus dem Kern verwalten, es sei denn, Sie möchten es aus Ihrem lokalen (git rm usw.) löschen
mochadwi

43
  1. Erstellen Sie einen Kern oder verwenden Sie einen Ihrer Kern wieder.
  2. Klonen Sie Ihren Kern:

    git clone https://gist.github.com/<hash>.git
    
  3. Fügen Sie Ihr Bild dem Repository Ihres Kerns hinzu:

    git add my-image.jpg
    
  4. Übernehmen Sie das Bild:

    git commit -m "adding my image to my gist"
    
  5. Aktualisieren Sie das Wesentliche, indem Sie Änderungen vornehmen:

    git push origin master
    

Ich habe GitHub Desktop verwendet, um diese Schritte auszuführen.
James Dunn

Ich habe Git Push in Schritt 5 verwendet
Gabriel Chung

6

Klon-Kern mit SSH:

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

Der HTTP-Klon funktionierte einwandfrei, hatte jedoch Probleme mit der HTTP-Authentifizierung bei git push.


1
Ich auch, das gleiche Problem mit Authing. Ich denke, es liegt daran, dass 2FA aktiviert ist. ssh way funktioniert (was Sie sowieso verwenden sollten)
Edgar Aroutiounian

4

Ich habe auch in meinem Fall nach einer Antwort auf diese Frage gesucht, um PDF-Dateien hochladen zu können. Ich hatte Probleme mit gist-img(in einer anderen Antwort auf diese Frage erwähnt). Ich suchte weiter und entdeckte Gistup , das beim ersten Versuch perfekt funktionierte . Es verwendet Node und npm und sollte daher auf den meisten gängigen Betriebssystemen funktionieren.


Gistup war sehr hilfreich: Glättet den gesamten Workflow (nicht nur den Schritt zum Hochladen von Bildern).
Don McCurdy

3

So fügen Sie Bilder in Ihre Gist-URL ein:

  1. Laden Sie Ihr Bild kostenlos an einen Ort wie imgur.com hoch und erhalten Sie dann den Hot-Link.
  2. Fügen Sie eine Datei hinzu, geben Sie ihr eine Markdown-Erweiterung .mdund verwenden Sie die Markdown-Bildsyntax:

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

  1. ?????
  2. Profitieren

2
Dies ist eine Antwort auf eine Frage wie "Wie füge ich ein Bild ein und füge es in mein Kernbild ein".
m3nda

0

Das Hochladen des Bildes irgendwo und die Verwendung des HTML-Tags <img> funktioniert bei mir


-4

Wenn Sie ein Bild hochladen, gehen Sie folgendermaßen vor:

  • Konvertieren Sie Ihr Bild in DataURI. Zum Beispiel hier auf duri.me
  • Dann wird diese Zeichenfolge als Textdatei in GIST eingefügt

Wenn Sie zurück konvertieren möchten, gibt es mehrere Optionen. Beispiel: Konvertieren des Daten-URI in Bilddaten


OK @ RadimKöhler, sorry
Feri

Ich habe versucht, ein Bild mit einer DataURI in eine Markdown-Datei einzufügen. Das funktioniert auch nicht.
Justin Meyer
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.