Github Markdown görüntüleri için karanlık mod

Açık veya koyu mod için Markdown'da farklı görüntüler nasıl kullanılır?

Görüntüler için Karanlık Mod

Github Markdown'daki medya varlıklarınızı renk şemasına göre ayırt etmek istiyorsanız, sözdiziminde yapılan bir güncelleme bunu şimdi mümkün kılıyor.

Şimdiye kadar, markdown yorumlayıcısına görüntüleri ya deponuzdan ya da uzak bir hedeften oluşturması talimatını vermek için img-tag'i kullanabiliyordunuz. Resimlerinizle karanlık moda uyum sağlamak için artık daha modern HTML resim etiketini de kullanabilirsiniz.

Github Markdown karanlık moda nasıl uyarlanır

Aşağıdaki kod örneği, kullanıcının tercih ettiği renk şemasına, yani koyu veya açık moda göre bir görüntü için iki varyantın nasıl ekleneceğini gösterir. Sözdizimi HTML5 ve CSS'ye eşdeğerdir.

<!--
 Note we're using the same HTML-sytnax for
 constraint-based assets as you would do on 
 the web.
-->

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://path-to-your-dark-mode-image.webp">
  <img alt="A single image caption for both variants" src="https://path-to-default-light-mode-image.webp">
</picture>

Gördüğünüz gibi birkaç değişiklikle resimleriniz artık karanlık moda da uyum sağlayabiliyor. Ortak Markdown öğeleri, herhangi bir şey yapmanıza gerek kalmadan zaten karanlık modu tam olarak desteklediğinden, bu, Github Markdown'ın özelliklerine hoş bir ektir.