Chcę dodać ten gif do pliku Markdown o smaku GitHub. Jeśli nie można tego zrobić w GitHub, czy można to zrobić w innej wersji Markdown?
markdown
gif
github-flavored-markdown
Zaynaib Giwa
źródło
źródło
Odpowiedzi:
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ść:
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:
4- do zmiany rozmiaru gif można użyć tej składni, jak w tym linku do samouczka Github
Wydajność:
źródło
Z ściągawki Markdown :
Możesz dodać go do swojego repozytorium i odwołać się do niego za pomocą tagu obrazu:
Inline-style:
Styl odniesienia:
Alternatywnie możesz użyć adresu URL bezpośrednio :
źródło
![alt-text](link)
przykład poniżej:
![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)
źródło
/img
a następnie użyć![alt text](img/my-image.png)
Giphy Gotcha
Po spełnieniu 2 powyższych wymagań (musi kończyć się
.gif
na 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ć
.gif
do 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.com
zamiast zamiastgiphy.com
:https://media.giphy.com/media/QfsvYoBSSpfbtFJIVo/giphy.gif
źródło
wystarczy przesłać
.gif
plik do podstawowego folderu GitHub i edytować,README.md
wystarczy użyć tego kodu![](name-of-giphy.gif)
źródło
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 address
lub coś w tym stylu, co jest takie:https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true
źródło
Prześlij z lokalnego:
![Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif)
Pokaż gif za pomocą adresu URL:
![Alt text](https://sample/url/name-of-gif-file.gif)
Mam nadzieję że to pomoże.
źródło