首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Github Markdown 指定图片在光亮或暗黑模式展示

Github Markdown 指定图片在光亮或暗黑模式展示

作者头像
用户10384376
发布2023-02-26 12:46:11
发布2023-02-26 12:46:11
4120
举报
文章被收录于专栏:码出code码出code

Github 根据系统配置不同的主题模式:

如果想要在光亮模式和暗黑模式显示不同的主题的图片,比如以下就是同一个图片在暗黑模式和光亮模式下展示:

解决方案:

在markdon 的图片链接后添加#gh-dark-mode-only 或者 #gh-light-mode-only 参数。

暗黑模式添加参数 #gh-dark-mode-only

光亮模式添加参数 #gh-light-mode-only

比如:

代码语言:javascript
复制
![](./profile-3d-contrib/profile-green.svg#gh-light-mode-only)
![](./profile-3d-contrib/profile-night-green.svg#gh-dark-mode-only)

引用好配置之后,markdown 就可以根据不同的主题展示对应的图片了。

总结

  • 暗黑模式 ![](./profile-3d-contrib/profile-green.svg#gh-light-mode-only)
  • 光亮模式 ![](./profile-3d-contrib/profile-night-green.svg#gh-dark-mode-only)

参考

Github doc Specifying the theme an image is shown to

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-06-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 码出code 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解决方案:
  • 总结
  • 参考
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档