Donker modus vir Github Markdown-beelde

Hoe om verskillende beelde in Markdown te gebruik vir lig of donker modus

Donker modus vir beelde

As u u mediabates in Github Markdown volgens kleurskema wil onderskei, maak 'n opdatering van die sintaksis dit nou moontlik.

Tot nou toe kon jy die img-tag gebruik om die markdown-tolk opdrag te gee om beelde óf vanaf jou bewaarplek óf 'n afgeleë bestemming weer te gee. Om met jou beelde by donker modus aan te pas, kan jy nou ook die meer moderne HTML-prentmerker gebruik.

Hoe om Github Markdown aan te pas na donker modus

Die volgende kodevoorbeeld wys hoe om twee variante vir 'n prent in te sluit, gebaseer op die gebruiker se voorkeurkleurskema, dit wil sê donker of ligte modus. Die sintaksis is gelykstaande aan HTML5 en 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>

Soos jy kan sien, met 'n paar veranderinge, kan jou beelde nou ook aanpas by donker modus. Aangesien die algemene Markdown-elemente reeds donker modus ten volle ondersteun sonder dat u iets hoef te doen, is dit 'n welkome toevoeging tot die vermoëns van Github Markdown.