当前位置: 首页 > 知识库问答 >
问题:

更改自述。md图像显示条件为GitHub亮模式/暗模式

杨赞
2023-03-14

是否可以更改GitHub中以GitHub的暗模式和亮模式为条件的README. md图像显示?也许我可以在我的README. md中放入一个简单的条件。

共有2个答案

段干华晖
2023-03-14

您现在可以使用超文本标记语言指定是否在Markdown中显示浅色或深色主题的图像

例如:

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/25423296/163456776-7f95b81a-f1ed-45f7-b7ab-8fa810d529fa.png">
  <img alt="Shows an illustrated sun in light color mode and a moon with stars in dark color mode." src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
</picture>

参考:https://github.blog/changelog/2022-05-19-specify-theme-context-for-images-in-markdown-beta/

阎涵忍
2023-03-14

旧的基于主题指定图像的方法(使用附加到URL的片段(#gh dark mode only或#gh light mode only))已被弃用,将被删除。。。[来源]

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/GiorgosXou/Random-stuff/main/Programming/StackOverflow/Answers/70200610_11465149/w.png">
  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/GiorgosXou/Random-stuff/main/Programming/StackOverflow/Answers/70200610_11465149/b.png">
  <img alt="Shows a black logo in light color mode and a white one in dark color mode." src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
</picture>

^来源|演示|更多信息

现在可以根据主题有条件地指定要显示的图像,方法是在所需的浅色\深色主题图像链接的末尾使用下面的关键字。

 类似资料:
  • “解决了”我正在尝试为我的网站制作一个暗/亮模式图标,所以我制作了代码: 它工作正常,但只能在html中呈现,所以我将它改成 现在,由于某种原因,所有元素都定位在右下角,尽管我为图像指定了x和y位置。我怎么解决这个?提前道谢! 编辑:原来我只是哑巴,我不知道html img和svg图像有什么不同。解决了,下面是我的代码:

  • 向动作添加条件模式更改 可以为模式更改指定条件,以便在动作执行过程中进行转换,而动作是按顺序应用于单个文件或一批文件的一系列命令。当模式更改属于某个动作时,如果打开的文件未处于该动作所指定的源模式下,则会出现错误。例如,假定在某个动作中,有一个步骤是将源模式为 RGB 的图像转换为目标模式 CMYK。如果在灰度模式或者包括 RGB 在内的任何其它源模式下向图像应用该动作,将会导致错误。 在记录动作

  • 我有驱动器中的图像,如何将其添加到Readme.md,以便在自述文件中显示图像。我尝试了共享链接,但它不工作。

  • 我想创建一个flutter应用程序,它有2个明暗模式主题,通过应用程序内的开关进行更改,默认主题是默认的android主题。 我需要将一些自定义颜色传递给其他小部件,我不想只是配置材料主题。 如何检测用户设备默认主题 第二个问题是如何为整个应用程序提供主题 第三个问题是如何通过运行时间的简单切换来改变主题

  • 我的项目下划线cli有一个文件,我想记录标志。 目前,做到这一点的唯一方法是使用屏幕截图(可以存储在项目存储库中): 但是屏幕截图不是文本,这会阻止读者在屏幕截图中复制/粘贴命令。它们的创建/编辑/维护也很麻烦,而且浏览器加载速度较慢。现代网络使用文本样式,而不是一堆文本的渲染图像。 虽然一些Markdown解析器支持内联超文本标记语言样式,但GitHub不支持;这不起作用: 这不管用:

  • 我想知道如何实现在暗模式和光模式下切换图像。我不想把切换应用程序。只需在iOS或Android中切换设置上的黑暗模式。