在GitHub上编写Markdown文档并插入图片是程序员们经常做的工作。然而，在GitHub上的暗黑模式和明亮模式之间切换时，你可能会发现你的图片不太适应不同的模式，这可能会影响你的文档展示效果。不用担心，我们有一些技巧可以帮助你让图片适应不同模式。
首先，你需要在Markdown文档中正确设置图片链接。在图片链接中，你可以使用CSS变量来根据页面的背景色动态调整图片的亮度。下面是一个简单的例子：
“`html
“`html
“`
接下来，你需要在你的GitHub仓库中添加一些CSS代码来动态调整图片的亮度。你可以在仓库中创建一个名为“dark-light-mode.css”的文件，并在其中添加以下代码：
“`css
@media (prefers-color-scheme: dark) {
img {
filter: brightness(0.8);
}
}
@media (prefers-color-scheme: light) {
img {
filter: brightness(1.2);
}
}
“`
最后，在你的Markdown文档中添加一行代码引用这个CSS文件：
“`html
“`html
“`
这样，当用户在GitHub上切换暗黑模式和明亮模式时，你的图片就会根据页面的背景色动态调整亮度，使其更适应不同的模式。让你的文档更具吸引力和专业性！
希望以上技巧对你有帮助，让你在GitHub上的Markdown文档中的图片能够更好地适应暗黑模式和明亮模式。祝编码愉快！
了解更多有趣的事情：https://blog.ds3783.com/