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

228

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

markdown gif github-flavored-markdown

— Zaynaib Giwa
quelle

Mögliches Duplikat von Wie füge ich einen Screenshot zu READMEs im Github-Repository hinzu? oder Bilder zu README.md auf github hinzufügen

— Michael Recachinas

482

Das Zeigen von Gifs erfordert zwei Dinge

1- Verwenden Sie diese Syntax wie in diesen Beispielen

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

Ausbeuten:

Alt-Text

2- Die Bild-URL muss mit gif enden

3- Für die Nachwelt: Wenn der obige .gif-Link jemals schlecht wird, sehen Sie das Bild nicht und stattdessen den Alt-Text und die URL wie folgt:

Alt-Text

4- Zum Ändern der Größe des GIF können Sie diese Syntax wie in diesem Github-Tutorial-Link verwenden

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

Ausbeuten:

— Khaled Annajar
quelle

3

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

— Khaled Annajar

6

Das Kind hat sich wirklich hart auf den Kopf geschlagen. Viel zu hart auf einem Fliesenboden und höchstwahrscheinlich Hirnschaden oder zumindest eine schwere Gehirnerschütterung. In der Tat werde ich es entfernen, da ich es für anstößig halte, und es durch etwas Schöneres ersetzen.

— eduncan911

3

Bitte beachten Sie, dass bei einem zu großen GIF ein schlechtes Bildfeld angezeigt wird. Kleinere Gifs funktionieren einwandfrei.

— Shubham Chaudhary

1

Ich habe die Antwort einfach nicht nur deshalb positiv bewertet, weil sie richtig ist, sondern weil jeder Kätzchen liebt! :)

— MilitelloVinx

2

@Gati Ich weiß es nicht. Ich denke, Sie müssen dafür eine neue Frage erstellen.

— Khaled Annajar

101

Aus dem Markdown-Spickzettel :

Sie können es Ihrem Repo hinzufügen und mit einem Bild-Tag versehen:

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-Stil: Alt-Text

Referenzstil: Alt-Text

Alternativ können Sie die URL direkt verwenden :

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

— erip
quelle

@erip wie man Gifs von Giphy benutzt?

— AbhimanyuAryan

1

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

— erip

Gifs (und andere Bilder, von denen ich glaube), die mit Markdown-Dateien auf Github verknüpft sind, werden von Camo mit einem Dateilimit von 5 MB bereitgestellt.

— 0xcaff

10

habe gif datei.
Schieben Sie die GIF-Datei in Ihr Github-Repo
Klicken Sie auf diese Datei im Github-Repo, um die Github-Adresse des Gifs abzurufen
in Ihrer README-Datei: ![alt-text](link)

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

— Winnie Phan
quelle

7

Es ist einfacher, es in ein Repo-Verzeichnis wie /imgund dann zu verwenden![alt text](img/my-image.png)

— Braden Best

6

Giphy Gotcha

.gifWenn Sie Probleme mit einem GIF von giphy haben, nachdem Sie die beiden oben aufgeführten Anforderungen befolgt haben (muss mit der Bildsyntax enden und diese verwenden):

Stellen Sie sicher, dass Sie die richtige Giphy-URL haben! Sie können nicht einfach .gifam Ende dieses einen hinzufü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 "GIF-Link" speziell auswählen. Beachten Sie, dass der richtige Punkt media.giphy.comstatt nur giphy.com:

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

— Jordan Arnesen
quelle

2

Laden Sie einfach die .gifDatei in Ihren Basisordner von GitHub hoch und bearbeiten Sie sie. README.mdVerwenden Sie einfach diesen Code

![](name-of-giphy.gif)

— Vishal Shelake
quelle

0

zusätzlich zu allen obigen Antworten:

Wenn Sie ein GIF für Ihr Github-Repository README.md verwenden möchten und es nicht aus Ihrem Stammverzeichnis verwenden möchten , reicht es nicht aus, wenn Sie nur die URL Ihres Browsers kopieren. Beispiel: Ihre Browser-URL lautet wie folgt:

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif

aber du solltest dein gif in deinem github account öffnen und rihgt darauf klicken und klick copy image addressoder etw wie das was etw ist wie folgt:

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true

— ashkan nasirzadeh
quelle

0

Hochladen von lokal:

Fügen Sie Ihre GIF-Datei zum Stammverzeichnis des Github-Repositorys hinzu und übertragen Sie die Änderung.
Gehen Sie zu README.md
Füge das hinzu ![Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif)
Commit und GIF sollten gesehen werden.

Zeigen Sie das GIF mit URL:

Gehen Sie zu README.md
In diesem Format hinzufügen ![Alt text](https://sample/url/name-of-gif-file.gif)
Commit und GIF sollten gesehen werden.

Hoffe das hilft.

— Sumit
quelle