Malhela reĝimo por Github Markdown-bildoj

Kiel uzi malsamajn bildojn en Markdown por hela aŭ malhela reĝimo

Malhela Reĝimo por bildoj

Se vi volas distingi viajn amaskomunikilarajn aktivaĵojn en Github Markdown per kolorskemo, ĝisdatigo de la sintakso ebligas tion nun.

Ĝis nun, vi povus uzi la img-etikedon por instrukcii la markdown-interpretilon bildigi bildojn ĉu de via deponejo aŭ de fora celo. Por adaptiĝi al malluma reĝimo kun viaj bildoj, vi nun povas ankaŭ uzi la pli modernan HTML-bild-etikedon.

Kiel adapti Github Markdown al malhela reĝimo

La sekva kodekzemplo montras kiel inkludi du variantojn por bildo, surbaze de la preferata kolorskemo de la uzanto, t.e. malhela aŭ hela reĝimo. La sintakso estas ekvivalenta al HTML5 kaj CSS.

<!--
 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>

Kiel vi povas vidi, kun kelkaj ŝanĝoj, viaj bildoj nun ankaŭ povas adaptiĝi al malhela reĝimo. Ĉar la komunaj Markdown-elementoj jam plene subtenas malhelan reĝimon sen ke vi bezonas fari ion ajn, ĉi tio estas bonvena aldono al la kapabloj de Github Markdown.