Czy istnieje sposób na dodanie gif do pliku Markdown?

Odpowiedzi:

483

Pokazywanie gifów wymaga dwóch rzeczy

1- Użyj tej składni jak w tych przykładach

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

Wydajność:

Alt Text

2- Adres URL obrazu musi kończyć się gif

3- Dla potomnych: jeśli powyższy link .gif kiedykolwiek się zepsuje, nie zobaczysz obrazu, a zamiast tego zobaczysz tekst alternatywny i adres URL, jak poniżej:

Alt Text

4- do zmiany rozmiaru gif można użyć tej składni, jak w tym linku do samouczka Github

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

Wydajność:

Khaled Annajar
źródło
3
@NikKov na serio !! To jest pytanie techniczne.
Khaled Annajar,
6
Ten dzieciak naprawdę mocno uderzył się w głowę. Zbyt mocno na podłodze z płytek i najprawdopodobniej doznał uszkodzenia mózgu lub przynajmniej poważnego wstrząsu mózgu. W rzeczywistości zamierzam go usunąć, ponieważ uznam to za obraźliwe, i zastąpię go czymś ładniejszym.
eduncan911,
3
Pamiętaj, że jeśli twój gif jest zbyt duży, zobaczysz złe pole obrazu. Mniejsze gify będą działać dobrze.
Shubham Chaudhary
1
Właśnie głosowałem odpowiedź nie tylko dlatego, że jest poprawna, ale także dlatego, że wszyscy kochają kotka! :)
MilitelloVinx
2
@Gati Nie wiem. Myślę, że musisz stworzyć nowe pytanie.
Khaled Annajar,
102

Z ściągawki Markdown :

Możesz dodać go do swojego repozytorium i odwołać się do niego za pomocą tagu obrazu:

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: alternatywny tekst

Styl odniesienia: alternatywny tekst


Alternatywnie możesz użyć adresu URL bezpośrednio :

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)
erip
źródło
@erip jak korzystać z gifów od Giphy?
AbhimanyuAryan
1
@AbhimanyuAryan Możesz znaleźć adres tych gifów, klikając je prawym przyciskiem myszy i uzyskując adres. Na przykład: media.giphy.com/media/MoYC1N4nv7Fcs/giphy.gif
erip
Gify (i inne obrazy, które moim zdaniem) są powiązane z plikami przeceny na githubie, są obsługiwane przez kamuflaż z limitem plików 5 MB.
0xcaff,
11
  1. mieć plik gif.
  2. przesłać plik gif do repozytorium github
  3. kliknij ten plik na repozytorium github, aby uzyskać adres github dla gif
  4. w pliku README: ![alt-text](link)

przykład poniżej: ![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)

Kubuś Phan
źródło
7
Łatwiej jest umieścić go w katalogu repo, takim jak, /imga następnie użyć![alt text](img/my-image.png)
Braden Best
7

Giphy Gotcha

Po spełnieniu 2 powyższych wymagań (musi kończyć się .gifna składni obrazu) i jeśli masz problemy z gifem z giphy:

Upewnij się, że masz poprawny adres URL giphy! Nie możesz po prostu dodać .gifdo końca tego i sprawić, by działało.

Jeśli po prostu skopiujesz adres URL z przeglądarki, otrzymasz coś takiego:

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

Musisz zamiast tego kliknąć „Kopiuj link”, a następnie specjalnie pobrać „GIF Link”. Zauważ, że poprawny wskazuje media.giphy.comzamiast zamiast giphy.com:

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

Jordan Arnesen
źródło
3

wystarczy przesłać .gifplik do podstawowego folderu GitHub i edytować, README.mdwystarczy użyć tego kodu

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

Vishal Shelake
źródło
0

oprócz wszystkich powyższych odpowiedzi:

jeśli chcesz użyć gif dla repozytorium github README.md i nie chcesz go używać z katalogu głównego , nie wystarczy, jeśli po prostu skopiujesz adres URL przeglądarki, na przykład adres URL przeglądarki jest podobny do:

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

ale powinieneś otworzyć swój gif na swoim koncie github i kliknąć go i kliknąć copy image addresslub coś w tym stylu, co jest takie:

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

ashkan nasirzadeh
źródło
0

Prześlij z lokalnego:

  1. Dodaj plik .gif do katalogu głównego repozytorium Github i prześlij zmianę.
  2. Idź do README.md
  3. Dodaj ![Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif)
  4. Commit i gif powinny być widoczne.

Pokaż gif za pomocą adresu URL:

  1. Idź do README.md
  2. Dodaj w tym formacie ![Alt text](https://sample/url/name-of-gif-file.gif)
  3. Commit i gif powinny być widoczne.

Mam nadzieję że to pomoże.

Sumit
źródło