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

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

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

解决方案

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

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

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

比如：

![](./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

如果觉得文章对你有帮助的话，请点个赞吧!

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

Android 暗黑模式适配
Android 暗黑模式适配不爱废话直接上菜. 第一种适配方式: 1.1 直接修改APP主题,values/styles.xml 如下: <style name="AppTheme& ...
开发者点评GitHub 暗黑模式：太暗了
[编者按]令众多开发者期待已久的 GitHub 暗黑模式终于推出了,体验感和预期相比究竟如何?它能否满足开发者们的需求,一起来看看开发者们怎么评价的! 编译 | 张文头图 | CSDN 下载自东方 ...
Markdown 调整图片位置与大小
文章目录 1.图片语法格式 2.调整图片位置 2.1 居左 2.2 居中 2.3 居右 3.调整图片大小 3.1 等比缩放 3.1.1 相对父级元素 3.1.2 相对自身 3.2 非等比缩放 3.2. ...
《markdown》语雀导出markdown的图片外链问题
本文节选自本人博客:https://www.blog.zeeland.cn/archives/rgoioiabeoi32 Introduction 本人因为经常使用语雀写博客,但是因为语雀转markd ...
markdown插入图片的几个办法
CSDN-markdown语法之如何插入图片目录图片上传方式插入在线图片插入本地图片图片链接方式行内式图片链接参考式图片链接几个问题探讨问题1:图片上传和图片链接两种方式的区别问题 ...
实施：GitHub + MarkDown 文档系统的工作环境部署及工作流程说明 | 技术传播
前段时间有幸参与了开源社区的活动,并且借由 Apache Pulsar 项目实践了 GitHub + MarkDown 的文档开发.在与开源社区的童鞋进行交流的过程中了解到,对于非技术专业的TCer, ...
Markdown插入图片操作
文章目录 1.图片位置(通用) 2.缩放 (1)指定大小(csdn专用) (2)按比例缩放(csdn专用) (3)?x-oss-process=image/resize只能缩小(通用) 3.鼠标放上后 ...
有道云笔记MarkDown插入图片
有道云笔记MarkDown插入图片 </h1><div class="clear"></div><div class="post ...
有道云笔记非会员MarkDown添加图片
我们知道在有道云笔记中,MarkDown要添加图片需要会员功能才可以复制粘贴,本文主要介绍了非会员使用MarkDown添加图片的方法,以及使用文本识别OCR的功能. 我自己的博客原文链接如下(PS:有 ...

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

解决方案

总结

参考

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

最新文章

热门文章