2015-12-17 13 views
58

Ich möchte diese gif zu einer mit GitHub aromatisierten Markdown-Datei hinzufügen. Wenn es in GitHub nicht möglich ist, ist es möglich, es in einer anderen Version von Abschriften zu tun?Gibt es eine Möglichkeit, ein Gif zu einer Markdown-Datei hinzuzufügen?

+0

Mögliche Duplikate von [Wie Screenshot zu READMEs in Github-Repository hinzufügen?] (Http://StackOverflow.com/questions/10189356/How-to-Add-screenshot-to-Readmes-in-Github-Repository) oder [Bilder zu README.md auf github hinzufügen] (http://stackoverflow.com/questions/14494747/add-images-to-readme-md-on-github?rq=1) –

Antwort

89

Zeige Gifs müssen zwei Dinge

1- Verwenden Sie diese Syntax wie in these examples

![Alt Text](https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif)

Ausbeuten:

Alt Text

2- Die Bild-URL muss mit gif Ende

3- Für die Nachwelt: Wenn die GIF-Link oben immer schlecht geht, werden Sie nicht das Bild sehen und stattdessen die Alt-Text und URL sehen, wie folgt aus:

Alt Text

4- für die gif Ändern der Größe können Sie diese Syntax verwenden wie in diesem Github tutorial link

<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" width="40" height="40" /> 

Ausbeuten:

+32

upvoted, weil das gif lustig war – user1754322

+6

downvoted, weil das gif ist frustrierend –

+1

@NikKov für echt !! Dies ist eine technische Frage. –

86

Von der Markdown Cheatsheet:

Sie können es auf Ihre Repo hinzufügen und mit einem Image-Tag verweisen:

Inline-style: 
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1") 

Reference-style: 
![alt text][logo] 

[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2" 

Inline-style: alt text

Referenz-style: alt text


Alternativ können Sie the url directly verwenden:

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif) 
+5

Sie, ich mag dich! – GabrielOshiro

+0

@erip wie gifs von Giphy zu verwenden? – AbhimanyuAryan

+1

@AbhimanyuAryan Sie können die Adresse dieser Gifs finden, indem Sie mit der rechten Maustaste darauf klicken und die Adresse erhalten. Zum Beispiel: https://media.giphy.com/media/MoYC1N4nv7Fcs/giphy.gif – erip

0

Giphy Gotcha

Nachdem Sie die zwei oben genannten Anforderungen (muss in .gif und mit Hilfe der Bild Syntax beenden), wenn Sie Probleme mit einem gif von giphy aufweisen, sind:

Seien Sie sicher, dass Sie habe die richtige giphy url!

Wenn Sie einfach die URL aus einem Browser zu kopieren, erhalten Sie so etwas wie:

https://giphy.com/gifs/gol-automaton-game-of-life-QfsvYoBSSpfbtFJIVo

Sie können nicht nur .gif bis zum Ende dieses einen hinzufügen und haben es funktionieren.

Sie müssen stattdessen auf „Link kopieren“ klicken und dann die „GIF-Link“ greifen speziell:

https://media.giphy.com/media/QfsvYoBSSpfbtFJIVo/giphy.gif

Hinweis die richtigen Punkte zu media.giphy.com statt nur giphy.com.