Temelde bir markdown dosyasındaki görüntüye göreli bağlantı kurmak mümkün müdür?


98

Markdown dosyası ve resim içeren bir özetim var.

Bu resme göreceli bir bağlantı kurmanın bir yolu var mı? Bunun ![My image](image.png)yerine bir şey![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

İşte bir örnek

Yanıtlar:


168

Şu an itibariyle, göreli resim bağlantıları benim için hem bir depoda hem de bir wiki'de çalışıyor. Şöyle bir sözdizimi kullanıyorum:

![Kiku](images/Kiku.jpg)

İşte bir örnek:

https://github.com/mark-anders/relative-image-url


Teşekkürler! Yerel resimleri kullanmaya çalışırken hayal kırıklığına uğradım ama bu işe yaradı!
Pazar

Benim hatam ]ve arasında bir boşluk olmasıydı(
Nadir

1
En azından Github için, dosya adlarınızda boşluk olamayacağını veya GitHub'ın yerel resimleri tanıyamadığını öğrendim (tırnak eklemenin bunu çözeceğinden emin değilim)
Xiaoyong Zhu

5
Bu, normal Github depolarında çalışabilir, ancak Gists ( gist.github.com ) üzerinde çalışmaz .
Beni Cherniavsky-Paskin

1
Bağlamaya çalıştığınız görüntünün göreli yolunda özel karakterler varsa, URL kodlu olduğundan emin olun.
felixperreault

3

Http://blog.rodneyrehm.de/archives/35-Including verileri- From-Github.html'ye göre , https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 kullanımındaki sorun ... 6e8 / img.png

yani b75d2...6e8bölüm (hızlı deney doğruluyor o git blob id) dosya başına değişir. Ancak, en son sürüme işaret eden bir URL ile sonuçlanan bu parçayı bırakabilirsiniz:

https://gist.github.com/user/605560c2961cb3025038/raw/img.png

veya çalışan bir örnek almak için:

https://gist.githubusercontent.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png

Göreceli yol?

Bu aynı zamanda göreceli yol olarak da çalışır raw/dodgetocat_v2.png!
Ancak (2017'nin sonlarından itibaren) github aynı özü 2 URL'den oluşturabilir:

[Aralık 2017'de GÜNCELLEŞTİRİLDİ . Görüntülerin özniteliklerinin Content-Type: application/octet-streamyeniden yazılmasına neden srcolan ve yeniden yazılan önceki ham dosyalar sorunları camo.githubusercontent.com, en azından aynı temeldeki görüntüler için değil.]

Ne yazık ki, sadece ilk URL'yi kullanıp her zaman çalışacağına güvenemeyiz.

  • Şu anda ne form bir yönlendirme döndürür ne de rel = canonical bağlantısı sunar. Bunu asla değiştirmeyeceğine dair Github'a bahse girmem!
  • Tüm dahili özet bağlantıları (ör. Kullanıcının sayfasından https://gist.github.com/cben/ ) sondaki eğik çizgiyi çıkarır :-(
  • Google arama sonuçlarındaki esaslar, sondaki eğik çizgiyi çıkarır :-(

( 46d9536baacb7c5d196c/raw/dodgetocat_v2.pngYalnızca bölü çizgisi olmadan çalışan göreli yolu kullanabilirsiniz , ancak bu aynı zamanda sorgulanabilir bir fikirdir ve buna daha az değer - tam URL'den daha esnek değildir.)

Proxy mi kullanıyorsunuz?

Her ikisi de, Content-Type'ı düzelten bir proxy ile çözülebilir, örneğin Rawgit veya Bl.ocks.org (Github tarafından değil, kötüye kullanma). Ne yazık ki Rawgit, Markdown'u oluşturmaz, yalnızca dosyaları olduğu gibi sunar ve Bl.ocks.org markdown yapar, ancak URL yapısı, göreli bağlantılar çalışmayacak şekildedir. Bu, Markdown'da tam harici URL'ye veya HTML'de göreli :-(

Https://gist.github.com/cben/46d9536baacb7c5d196c/ forked off your gist'e bakın ve index.html şu adresten görüntülendi:


2

Evet, göreceli bağlantı benim için çalışıyor. Sayfalarımı barındırmak için pancake.io kullanıyorum. http://pancake.io/2c8aa8/topics/cpp/cpp.md

Bu sayfadaki resimler cppklasörün içindedir.

İlk görüntü için kullanılan indirim kodu

![C++ Var Types](basic_cpp_var_types.png)

İkinci görüntü için kullanılan markdown kodu (aslında html)

<div style='float: center'>
  <img style='width: 600px' src="prefixpostfixincrement.png"></img>
</div>

NOT: Temel kısmı kaçırdım. Eğer özet, fiyat düşürme göreli resim yolu sözdizimini desteklemiyorsa html yöntemini deneyin.


HTML yolu çalışmıyor. Bu Markdown'dan çok Gist sorunu
alienlebarge

2

az önce test edildi ... github wiki'de göreli url'leri kullanamadım.

Resmi wiki deposuna eklemem, ardından depoyu taraymam ve github'ın bunu bana göstermesini sağlamam gerekiyordu (böylece url'yi alabilirim). daha sonra markdown'da tam url'yi kullanın. ama neyse ki, url'leri tahmin etmek basit:https://github.com/*username*/*reponame*/wiki/*imagename.png*

Bu isse'yi github desteğine gönderdim.


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.