2016-06-10 17 views
3

kann nicht eingebettet werden Ich möchte ein großes gif auf README.md zeigen. Erstens, ich habe es hochgeladen imgur. Und dann habe ich die URL zu README.md # <img alt="YAP" src="http://i.imgur.com/dNYswmI.gif"> hinzugefügt. Aber es kann nicht geladen werden, wurde zusammengestellt:Ein gif auf einer README.md auf github

<a href="https://camo.githubusercontent.com/b4f1167e599ce7936bb83aad5d007ca8f04345ac/687474703a2f2f692e696d6775722e636f6d2f644e5973776d492e676966" target="_blank"> 
    <img alt="YAP" src="https://camo.githubusercontent.com/b4f1167e599ce7936bb83aad5d007ca8f04345ac/687474703a2f2f692e696d6775722e636f6d2f644e5973776d492e676966" data-canonical-src="http://i.imgur.com/dNYswmI.gif" style="max-width:100%;"></a> 

Das ist mein README.

###Description 
    A open source player. 

###Screenshot 
# <img alt="YAP" src="http://i.imgur.com/dNYswmI.gif"> 
+0

GitHub strippt viel HTML. Aus irgendeinem Grund haben Sie die Markdown-Syntax nicht verwendet: '! [YAP] (http://i.imgur.com/dNYswmI.gif)'? – Waylan

+0

Mögliches Duplikat von [Bilder zu Readme.md auf GitHub hinzufügen] (http://stackoverflow.com/questions/14494747/add-images-to-readme-md-on-github) – Waylan

+0

Ich habe es aktualisiert, wie Sie aber sagten es auch nicht. Vielleicht, weil dieses gif größer als 10m ist, weigert sich github es zu cachen. @ Waylan – Zen

Antwort

0

Ich glaube, der einzige Weg, Bilder von Imgur zu verbinden etwas so sein würde:

![An open source player](http://i.imgur.com/dNYswmI.gif) 

jedoch (nach meiner Erfahrung) GitHub, ich weiß nicht, nicht Imgur unterstützen, wenn es welche gibt anderer unterstützter Bildfreigabedienst

Wenn Sie keinen unterstützten Dienst nur so etwas wie dies als letzten Ausweg finden kann nur einen Link zu dem Bild zu hinterlassen:

###Description 
A open source player. 

### Screenshot 
#[Screenshot](http://i.imgur.com/dNYswmI.gif) 
+0

Ich glaube, Github unterstützt nicht imgurs gifv-Format - https://www.google.ca/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwjag9Wm6s_UAhVE-mMKHZreAFAQFggoMAA&url=https%3A%2F%2Fhelp.imgur.% 2Fhc% 2Fen-us% 2Farcs% 2F208606616-Was-ist-GIFV- & usg = AFQjCNECe0QWcK - uHnCdpJr6aeJaLFrRA Dies bedeutet, dass jedes gif größer als 2MB nicht funktioniert, wenn Sie versuchen, es in Ihre README auf GitHub einzubetten. – Frikster

3

GitHub tut Unterstützung Imgur einbettet. Stellen Sie sicher, dass Sie die Image-Erweiterung angeben, die nicht im Standard-Hyperlink von Imgurs enthalten ist.

BAD

![Imgur Image](http://i.imgur.com/zTONrOD) 

GOOD

![Imgur Image](http://i.imgur.com/zTONrOD.jpg) 

Imgur bietet auch diesen vorformatierte Link unter dem Markdown-Links-Menü siehe Bild unten. enter image description here

Siehe auch eine example readme.md mit Imgur Bild.

+1

GitHub leitet nun alle Inhalte über https://camo.githubusercontent.com/ auch für externe Quellen weiter. Wenn Sie eine Datei freigeben, die größer ist als das Größenlimit (10 MB, glaube ich), erhalten Sie eine Fehlermeldung "Inhaltslänge überschritten". Ich habe versucht, es auf Google Drive, Dropbox, Droplr, mein eigener Server teilen alle lief in dieses Problem, es sei denn, die Dateigröße ist unter 10 MB. – williamli

3

Das von Ihnen geteilte gif ist 19 MB groß.

GitHub routet den gesamten Inhalt durch https://camo.githubusercontent.com/ jetzt auch für externe Quelle. Wenn Sie eine Datei teilen, die größer ist als das Größenlimit (10 MB), erhalten Sie eine Fehlermeldung "Inhaltslänge überschritten".

Ich habe versucht, es auf Google Drive, Dropbox, Droplr, meinem eigenen Server zu teilen, lief alles in dieses Problem, es sei denn die Dateigröße ist unter 10MB. Es spielt auch keine Rolle, ob Ihre Syntax in HTML oder Markdown ist.

<img src="https://static01.bbi.io/2Wt9Tk.gif"/> 

!(image)[https://static01.bbi.io/2Wt9Tk.gif] 

Ihre Lösung ist die Größe Ihres Gif. Sie können es mit einem Service wie diesem tun: https://ezgif.com/resize.

Verwandte Themen