الوضع الداكن لصور Github Markdown

كيفية استخدام صور مختلفة في Markdown للوضع الفاتح أو الداكن

الوضع الداكن للصور

إذا كنت ترغب في التمييز بين أصول الوسائط في Github Markdown حسب نظام الألوان ، فإن التحديث الذي تم إجراؤه على بناء الجملة يجعل ذلك ممكنًا الآن.

حتى الآن ، يمكنك استخدام علامة img لتوجيه مترجم markdown لعرض الصور إما من المستودع الخاص بك أو من وجهة بعيدة. للتكيف مع الوضع المظلم مع صورك ، يمكنك الآن أيضًا استخدام علامة صور HTML الأكثر حداثة.

كيفية تكييف Github Markdown مع الوضع المظلم

يوضح مثال الكود التالي كيفية تضمين متغيرين للصورة ، بناءً على نظام الألوان المفضل للمستخدم ، أي الوضع الداكن أو الفاتح. الصيغة تعادل HTML5 و 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>

كما ترى ، مع بعض التغييرات ، يمكن لصورك الآن التكيف مع الوضع المظلم أيضًا. نظرًا لأن عناصر Markdown الشائعة تدعم بالفعل الوضع المظلم بشكل كامل دون الحاجة إلى القيام بأي شيء ، فهذه إضافة مرحب بها لإمكانيات Github Markdown.