2014-05-11 14 views
14

Ich bin ein Neuling Git oder GitHub, und habe nicht gefunden, wie eine Bilddatei in meinem Repo in Git hochladen? Irgendeine Idee?Wie Bilder wie PNG in GitHub-Repository hochladen?

+0

Das ist wirklich zum [GitHub FAQ] hinzugefügt werden muss (https://help.github.com/) ... Es gibt derzeit keine Möglichkeit, Bilder (oder andere Nicht-Text-Dateien) über die Web-Benutzeroberfläche zu laden . Sie müssen einen richtigen "Klon" und "Push" machen, wie unten vorgeschlagen. – Chris

+0

Beachten Sie, wenn Sie das Bild nicht brauchen eigentlich in Ihrem Repo aber nur erreichbar, können Sie ein Dummy „Ausgabe“ und Drag/Drop oder Kopieren/Vergangenheit das Bild, um es hinzuzufügen. Es kann dann in Ihrer Readme, Wiki oder auch überall referenziert werden. –

Antwort

8

Sie müssen zuerst die PNG-Datei zu Ihrem lokalen Repo hinzufügen und übergeben. Dann drücken Sie die Updates auf den Remote-Server.

git add xxx.png 
git commit -m 'add png file' 
git remote add origin https://github.com/xxx.git 
git push -u origin master 
+0

Nun, was ist, wenn ich ein Repository habe, das ich nur über das Web-UI verwalte (weil das Einrichten eines lokalen Repos Schmerz ist). –

+4

Ich denke, die Frage war, wie man es mit der Webschnittstelle macht. Der git Weg ist ziemlich offensichtlich. Aber das Gleiche mit der Web-GUI ist alles andere als offensichtlich. – ceving

2

Update: Github hat für Endlager freigegeben Hochladen Option! enter image description here

Die Antwort von yushlux ist in Ordnung für jemanden, der CLI verwendet. Aber das Hochladen von Bildern auf Github über einen Browser kann auf diese Weise erfolgen.

Verwenden prose.io zum Bearbeiten und Einfügen von Bildern in allen Dateien in Ihrem Repo, aber stellen Sie sicher, dass Sie in der Wurzel des Repo eine _prose.yml-Datei erstellen und diesen Code nach innen addieren.

prose: 
    rooturl: '/' 
    siteurl: 'http://prose.github.io/starter/' 
    relativeLinks: 'http://prose.github.io/starter/links.jsonp' 
    media: 'media' 
    ignore: 
    - index.md 
    - _config.yml 
    - /_layouts 
    - /_includes 
    metadata: 
    _posts: 
     - name: "layout" 
     field: 
      element: "hidden" 
      value: "blog" 
     - name: "tags" 
     field: 
      element: "multiselect" 
      label: "Add Tags" 
      placeholder: "Choose Tags" 
      options: 
      - name: "Apples" 
       value: "apples" 
      - name: "Bananas" 
       value: "bananas" 
    _posts/static: 
     - name: "layout" 
     field: 
      element: "hidden" 
      value: "page" 
     - name: "permalink" 
     field: 
      element: "text" 
      label: "Permalink" 
      value: "" 

Jetzt sollten Sie in der Lage sein, Bilder hochladen durch prose.io

Lesen Sie ausführliche Tutorial hier: How to add or edit Jekyll posts online

2

Obwohl GitHub hat keine Unterstützung CDN, aber Sie können Issues verwenden, um Inhalte wie Bilder und PDF hochladen.

Hier ist, wie Sie es tun können.

  1. Goto Probleme
  2. erstellen Neue Ausgabe
  3. Ziehen Sie Ihr Bild in den Inhaltsbereich
  4. Senden, um die Ausgabe

Nach der Frage vorlegt, wird Github zeigen Sie die Vorschau des Bildes . Sie können einfach mit der rechten Maustaste klicken, kopieren Sie die URL und verwenden Sie sie.

Dieser Ansatz erspart Ihnen den Zyklus add-commit-push. Auch Ihr Repo bleibt leicht, da Sie Ihre Bilder nicht im Repo pflegen müssen.