webentwicklung-frage-antwort-db.com.de

Gibt es eine Möglichkeit, einer Markdown-Datei ein GIF hinzuzufügen?

Ich möchte dieses gif zu einer Markdown-Datei mit GitHub-Geschmack hinzufügen. Wenn es in GitHub nicht möglich ist, ist es möglich, es in einer anderen Version von markdown zu tun?

164
Zaynaib Giwa

Das Anzeigen von Gifs erfordert zwei Dinge

1- Verwenden Sie diese Syntax wie in diese Beispiele

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

Erträge:

Alt Text

2- Die Bild-URL muss mit gif enden

3- Für die Nachwelt: Wenn der obige GIF-Link jemals beschädigt wird, wird das Bild nicht angezeigt und stattdessen der Alternativtext und die URL wie folgt:

Alt Text

4- Um die Größe des Gifs zu ändern, können Sie diese Syntax wie folgt verwenden: Link zum Github-Tutorial

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

Erträge: 

356
Khaled Annajar

Aus dem Markdown Cheatsheet :

Sie können es zu Ihrem Repo hinzufügen und mit einem Image-Tag referenzieren:

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-Stil: alt text


Alternativ können Sie die URL direkt verwenden :

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)
98
erip
  1. habe gif datei.
  2. Schieben Sie die GIF-Datei auf Ihr Github-Repo
  3. klicken Sie auf diese Datei im Github-Repo, um die Github-Adresse des GIF zu erhalten
  4. in Ihrer README Datei: ![alt-text](link)

beispiel unten: ![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)

5
Winnie Phan

Giphy Gotcha

Nachdem Sie die beiden oben aufgeführten Anforderungen befolgt haben (muss mit .gif Enden und die Bildsyntax verwenden), haben Sie Probleme mit einem GIF von Giphy:

Stellen Sie sicher, dass Sie die richtige Giphy-URL haben! Sie können nicht einfach .gif Am Ende dieses Dokuments anfügen und es funktionieren lassen.

Wenn Sie nur die URL aus einem Browser kopieren, erhalten Sie Folgendes:

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

Sie müssen stattdessen auf "Link kopieren" klicken und dann den speziellen "GIF-Link" auswählen. Beachten Sie, dass der richtige Punkt auf media.giphy.com Anstatt nur auf giphy.com Zeigt:

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

5
Jordan Arnesen