在 Github README 中获取用户选择的颜色主题
Get the user-selected color theme in Github README
是否可以在 Github README 中获取用户选择的颜色主题?
可以在 Github 上选择深色或浅色主题,相应地在 README 文件(和其他降价文件)中显示数字会很有用。例如,如果选择深色主题,则显示明亮版本的图形,如果选择浅色主题,则显示深色版本的图形。
不可能。
通常这种事情用几行 CSS 或一些 Javascript 就可以轻松完成。但是,出于安全原因,GitHub 不允许任何用户在其网站上提供 CSS 或 JavaScript。 GitHub 的消毒剂将删除您在 Markdown 文件中包含的任何内容,如 github/markup:
的第 2 步中所述
- The HTML is sanitized, aggressively removing things that could harm you and your kin—such as
script
tags, inline-styles, and class
or id
attributes.
自 2022 年 5 月起(仍处于测试阶段),这是可能的,因为它是为您完成的
Specify theme context for images in Markdown (Beta)
You can now specify whether to display images for light or dark themes in Markdown, using the HTML <picture>
element in combination with the prefers-color-scheme media feature.
For example:
<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>
An animated screenshot of an issue comment that changes the color mode. The content shows an octobiwan in light and stormtroopocat in dark color mode.
是否可以在 Github README 中获取用户选择的颜色主题?
可以在 Github 上选择深色或浅色主题,相应地在 README 文件(和其他降价文件)中显示数字会很有用。例如,如果选择深色主题,则显示明亮版本的图形,如果选择浅色主题,则显示深色版本的图形。
不可能。
通常这种事情用几行 CSS 或一些 Javascript 就可以轻松完成。但是,出于安全原因,GitHub 不允许任何用户在其网站上提供 CSS 或 JavaScript。 GitHub 的消毒剂将删除您在 Markdown 文件中包含的任何内容,如 github/markup:
的第 2 步中所述
- The HTML is sanitized, aggressively removing things that could harm you and your kin—such as
script
tags, inline-styles, andclass
orid
attributes.
自 2022 年 5 月起(仍处于测试阶段),这是可能的,因为它是为您完成的
Specify theme context for images in Markdown (Beta)
You can now specify whether to display images for light or dark themes in Markdown, using the HTML
<picture>
element in combination with the prefers-color-scheme media feature.For example:
<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>
An animated screenshot of an issue comment that changes the color mode. The content shows an octobiwan in light and stormtroopocat in dark color mode.