Markdown dosyasına gif eklemenin bir yolu var mı?


Yanıtlar:


489

Gif göstermek iki şey gerekir

1- Bu sözdizimini aşağıdaki örneklerde olduğu gibi kullanın

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

Verim:

Alternatif Metin

2- Resim URL'si GIF ile bitmelidir

3- Gelecek nesiller için: yukarıdaki .gif bağlantısı kötüye giderse, resmi görmez ve bunun yerine alternatif metni ve URL'yi görürsünüz:

Alternatif Metin

4- GIF'i yeniden boyutlandırmak için bu sözdizimini bu Github öğretici bağlantısında olduğu gibi kullanabilirsiniz

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

Verim:


3
@NikKov gerçek için !! Bu teknik bir sorudur.
Khaled Annajar

6
O çocuk kafasına gerçekten sert vurdu. Bir karo zeminde çok sert ve büyük olasılıkla beyin hasarı veya en azından ciddi bir sarsıntı aldı. Aslına bakarsanız, onu saldırgan olarak gördüğümden çıkaracağım ve daha hoş bir şeyle değiştireceğim.
eduncan911

3
Gif'iniz çok büyükse, kötü bir resim kutusu göreceğinizi lütfen unutmayın. Küçük gif iyi çalışır.
Shubham Chaudhary

1
Sadece doğru olduğu için değil, aynı zamanda herkesin yavru kedi sevdiği için de cevabı iptal ettim! :)
MilitelloVinx

2
@Gati bilmiyorum. Bunun için yeni bir soru oluşturmanız gerektiğini düşünüyorum.
Khaled Annajar

102

Gönderen Markdown Pardus :

Reponuza ekleyebilir ve bir resim etiketi ile referans verebilirsiniz:

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"

Satır içi stili: alternatif metin

Referans tarzı: alternatif metin


Alternatif olarak , URL'yi doğrudan kullanabilirsiniz :

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

@erip Giphy gif nasıl kullanılır?
AbhimanyuAryan

1
@AbhimanyuAryan Bu giflerin adreslerini sağ tıklayıp adresi alarak bulabilirsiniz. Örneğin: media.giphy.com/media/MoYC1N4nv7Fcs/giphy.gif
erip

Gifler (ve inandığım diğer resimler) github'daki markdown dosyalarına bağlı , 5 MB dosya sınırıyla camo tarafından sunuluyor .
0xcaff

11
  1. gif dosyası var.
  2. gif dosyasını github deponuza aktar
  3. gif'in github adresini almak için github deposundaki o dosyaya tıklayın
  4. README dosyanızda: ![alt-text](link)

aşağıdaki örnek: ![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)


7
Böyle bir repo dizinine koymak /imgve kullanmak daha kolay![alt text](img/my-image.png)
Braden Best

7

Giphy Gotcha

Yukarıda listelenen 2 gereksinimi izledikten sonra ( .gifgörüntü sözdiziminin sona ermesi ve kullanılması gerekir ), giphy'den bir gif ile sorun yaşıyorsanız:

Doğru giphy url'sine sahip olduğunuzdan emin olun! Bunun .gifsonuna ekleyip çalışmasını sağlayamazsınız .

URL'yi bir tarayıcıdan kopyalarsanız, aşağıdaki gibi bir şey alırsınız:

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

Bunun yerine "Bağlantıyı Kopyala" yı tıklamanız ve daha sonra "GIF Bağlantısı" nı özellikle almanız gerekir. media.giphy.comSadece yerine doğru olan noktalara dikkat edin giphy.com:

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


3

.gifdosyayı GitHub'ın temel klasörüne yükleyin ve README.mdsadece bu kodu kullanın

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


0

yukarıdaki tüm yanıtlara ek olarak:

github veri havuzunuz README.md için bir gif kullanmak istiyorsanız ve kökünüzden kullanmak istemiyorsanız , tarayıcınızın URL'sini kopyalamanız yeterli olmaz, örneğin tarayıcı URL'niz şuna benzer:

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

ancak gifinizi github hesabınızda açmalı ve rihgt üzerine tıklamalı copy image addressve şuna benzer bir şekilde tıklamalısınız :

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


0

Yerelden yükle:

  1. .Gif dosyanızı Github deposunun kök dizinine ekleyin ve değişikliği itin.
  2. README.md sayfasına git
  3. Bunu ekle ![Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif)
  4. Taahhüt ve gif görülmelidir.

URL'yi kullanarak gif'i göster:

  1. README.md sayfasına git
  2. Bu biçimde ekle ![Alt text](https://sample/url/name-of-gif-file.gif)
  3. Taahhüt ve gif görülmelidir.

Bu yardımcı olur umarım.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.