C'è un modo per aggiungere una gif a un file Markdown?

229

Voglio aggiungere questo gif a un file markdown aromatizzato GitHub. Se non è possibile farlo in GitHub, è possibile farlo in un'altra versione di markdown?

markdown gif github-flavored-markdown

— Zaynaib Giwa
fonte

Possibile duplicato di Come aggiungere screenshot ai file README nel repository github? oppure Aggiungi immagini a README.md su github

— Michael Recachinas il

485

Mostrare gif ha bisogno di due cose

1- Usa questa sintassi come in questi esempi

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

I rendimenti:

Testo alternativo

2- L'URL dell'immagine deve terminare con gif

3- Per i posteri: se il link .gif sopra non va mai male, non vedrai l'immagine e vedrai invece il testo alternativo e l'URL, in questo modo:

Testo alternativo

4- per ridimensionare la gif puoi usare questa sintassi come in questo link tutorial di Github

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

I rendimenti:

— Khaled Annajar
fonte

3

@NikKov per davvero !! Questa è una domanda tecnica.

— Khaled Annajar,

6

Quel ragazzo ha davvero colpito la testa, forte. Troppo duro su un pavimento di piastrelle e molto probabilmente ha ricevuto un danno cerebrale o almeno una grave commozione cerebrale. È un dato di fatto, lo rimuoverò perché lo ritengo offensivo e lo sostituirò con qualcosa di più bello.

— eduncan911,

3

Si prega di notare che se la tua gif è troppo grande, vedrai una casella di immagine difettosa. Le gif più piccole funzioneranno bene.

— Shubham Chaudhary,

1

Ho appena annullato la risposta non solo perché è corretta, ma perché tutti amano il gattino! :)

— Militello

2

@Gati non lo so. Penso che tu debba creare una nuova domanda per quello.

— Khaled Annajar,

102

Dal foglio informativo di Markdown :

Puoi aggiungerlo al tuo repository e fare riferimento con un tag immagine:

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: testo alternativo

Riferimento-style: testo alternativo

In alternativa puoi utilizzare direttamente l'URL :

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

— PIRPS
fonte

@erip come usare gif da Giphy?

— AbhimanyuAryan,

1

@AbhimanyuAryan Puoi trovare l'indirizzo di quelle gif facendo clic con il tasto destro del mouse su di esse e ottenendo l'indirizzo. Ad esempio: media.giphy.com/media/MoYC1N4nv7Fcs/giphy.gif

— erip

Le gif (e altre immagini credo) collegate ai file markdown su github, vengono servite da camo con un limite di file di 5 MB.

— 0xcaff,

11

avere un file gif.
invia il file gif al tuo repository github
fai clic su quel file nel repository github per ottenere l'indirizzo github della gif
nel tuo file README: ![alt-text](link)

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

— Winnie Phan
fonte

7

È più facile metterlo in una directory repository come /imge quindi utilizzare![alt text](img/my-image.png)

— Braden Best

7

Giphy Gotcha

Dopo aver seguito i 2 requisiti sopra elencati (deve terminare .gife utilizzare la sintassi dell'immagine), se hai problemi con una gif di giphy:

Assicurati di avere l'URL giphy corretto! Non puoi semplicemente aggiungere .gifalla fine di questo e farlo funzionare.

Se copi semplicemente l'URL da un browser, otterrai qualcosa del tipo:

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

Devi invece fare clic su "Copia collegamento" e quindi prendere "Collegamento GIF" in modo specifico. Nota quello corretto indica media.giphy.cominvece di giphy.com:

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

— Jordan Arnesen
fonte

3

carica semplicemente il .giffile nella tua cartella di base di GitHub e modifica README.mdusa questo codice

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

— Vishal Shelake
fonte

0

oltre a tutte le risposte sopra:

se vuoi usare una gif per il tuo repository github README.md e non vuoi usarla dalla tua radice , non è sufficiente se copi semplicemente l'URL del tuo browser, ad esempio l'URL del tuo browser è come:

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

ma dovresti aprire il tuo gif nel tuo account github e rihgt fare clic su di esso e fare clic copy image addresso sth come quello che è sth in questo modo:

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

— Ashkan Nasirzadeh
fonte

0

Carica da locale:

Aggiungi il tuo file .gif alla radice del repository Github e invia la modifica.
Vai a README.md
Aggiungi questo ![Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif)
Commit e gif dovrebbero essere visti.

Mostra la gif usando url:

Vai a README.md
Aggiungi in questo formato ![Alt text](https://sample/url/name-of-gif-file.gif)
Commit e gif dovrebbero essere visti.

Spero che questo ti aiuti.

— Sumit
fonte