Markdown Resim Yükleme: GitHub README, Dokümanlar ve Notlar İçin Resimler

Yazan: Ürün Ekibi

Bir ekran görüntüsü, diyagram veya GIF yükleyin. README, wiki ya da notlarınıza yapıştırmaya hazır Markdown kodunu alın - ücretsiz, üye olmadan, üstelik linkin süresi dolmaz.

Resim Yükle

★ 137 kullanıcı puanından 4.4/5

Markdown, bir resmi linkten gösterir: ![alt text](image link). Resmin web üzerinde bir yerde durması gerekir. YourImageShare resmi ücretsiz barındırır ve size yapıştırmaya hazır Markdown satırını verir; GitHub, GitLab, Obsidian, dokümantasyon siteleri veya herhangi bir Markdown dosyası için.

Resim İçin Markdown Kodu Alın

  1. Resmi yükleyin. Resim Yükle düğmesine basın veya bilgisayarda Ctrl+V ile panodaki ekran görüntüsünü doğrudan yapıştırın.
  2. Yükleme bitince Markdown sekmesini açın ve kodu kopyalayın.
  3. Dosyanıza yapıştırın.

Markdown sekmesi, tıklandığında resmin tam boyutunu açan bir resim kodu verir:

[![AbC123xYz0](https://yourimageshare.com/ib/AbC123xYz0.png)](https://yourimageshare.com/ib/AbC123xYz0)

Linksiz, düz bir resim için yalnızca iç kısmı alın ve gerçek bir alt metin yazın:

![Settings screen](https://yourimageshare.com/ib/AbC123xYz0.png)

GitHub README, Issue ve Wiki'de Resimler

GitHub; README dosyalarında, issue'larda, pull request'lerde, tartışmalarda ve wiki sayfalarında harici resimleri gösterir. Markdown kodunu yapıştırın, sayfa görüntülendiğinde resim ekranda görünür.

  • Boyut belirleyin: GitHub'ın Markdown içinde izin verdiği bir HTML etiketiyle: <img src="https://yourimageshare.com/ib/AbC123xYz0.png" width="400" alt="Screenshot">
  • Demo GIF'ler README içinde oynamaya devam eder - bkz. GIF yükleme; ya da bir ekran kaydını videodan GIF'e dönüştürücü ile GIF'e çevirin.
  • Alt metin resmi ekran okuyuculara anlatır ve resim yüklenemezse görünür.

Obsidian, Notion ve Dokümantasyon Siteleri

  • Obsidian, Typora, VS Code önizlemesi ve diğer Markdown editörleri resmi linkten gösterir; böylece notlarınız küçük kalır ve resim her cihazda çalışır.
  • Notion: /image yazın, Embed link seçeneğini seçin ve doğrudan linki (Direct sekmesi) yapıştırın.
  • MkDocs, Docusaurus, Jekyll, Hugo veya GitBook ile hazırlanan doküman siteleri aynı Markdown resim sözdizimini işler.

Resimleri Neden Depo Dışında Barındırmalı

  • Daha küçük depolar. Ekran görüntüleri ve GIF'ler, değiştirseniz bile her klona sonsuza dek megabaytlarca boyut ekler. Yüklenen bir resim ise yalnızca biri sayfayı görüntülediğinde yüklenir.
  • Linklerin süresi dolmaz. Resimler siz silene kadar saklanır.
  • Üye olmadan kullanın, ayarlanacak bir şey de yoktur. Betikler ve CI için ücretsiz bir yükleme API'si var.
  • Tam çözünürlük, filigran yok. Konum dahil EXIF verileri, resim saklanmadan önce silinir.

Sık Sorulan Sorular

Markdown dosyasına nasıl resim eklerim?
Resmi yükleyin, Markdown sekmesindeki kodu kopyalayın ve dosyaya yapıştırın. Markdown bir resmi ![alt text](image link) ile gösterir.
Bu resimleri GitHub README dosyasında kullanabilir miyim?
Evet. GitHub; README dosyalarında, issue'larda, pull request'lerde ve wiki sayfalarında harici resimleri gösterir. Markdown kodunu yapıştırın, dosya görüntülendiğinde resim ekranda görünür.
README içinde resmin boyutunu nasıl ayarlarım?
Düz Markdown'da boyut seçeneği yoktur. GitHub'da genişlik belirttiğiniz bir HTML resim etiketi kullanın, örneğin <img src="image link" width="400" alt="Screenshot">.
README resimleri neden depo dışında barındırılmalı?
Ekran görüntüleri ve demo GIF'ler deponun her klonuna megabaytlarca boyut ekler. Yüklenen bir resim ise yalnızca biri README'yi görüntülediğinde yüklenir.
Resim linklerinin süresi dolar mı?
Hayır. Resimler siz silene kadar saklanır, bu yüzden dokümanlardaki linkler çalışmaya devam eder.

Diğer Kullanım Alanları

Resminizi Eklemeye Hazır mısınız?