IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> github用相对路径显示图片_GitHub 中 readme 如何添加图片 -> 正文阅读

[开发工具]github用相对路径显示图片_GitHub 中 readme 如何添加图片

一、Readme 是什么

readme文件一般是放在github 每个repo的根目录下,用来解释、说明本repo的主要内容和相关信息。而且在repo主页进去的时候会被自动加载。一般采用md标记的文本格式。

二、一些尝试

md格式的文本插入图片格式一般是:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iCCj3JtC-1671265510447)(图片地址)]

说明文字在github中一般不被显示出来 —— 但不意味着其他APP解析的时候不显示,要根据情况,比如简书的就会显示。

这种图片显示的核心,在于地址。比如,我的repo目录clone到本地之后,是d:\myproject\ 这个文件夹。而我的图片存放位置是d:\myproject\pics\pic1.png

情况一:绝对路径

如果我直接在本地的markdown文件中插入以下内容,则显示正确。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hGpjmEXw-1671265510448)(d:\myproject\pics\pic1.png)]

加载出来之后,就会在文档中显示这个图片。

情况二:相对路径

由于我的readme.md在d:\myproject\readme.md,所以可以用 . 代替当前目录,使用以下

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U6jiaEIm-1671265510448)(./pics/pic1.png)]

则也显示正确。

但是如果把以上任何一种,push到github中,则都不能正确加载。因为绝对地址是在本地,GitHub的服务器中肯定没d盘这样的路径。而相对路径看起来可行,但是没有考虑到git中特殊的文件管理方式。查了文档之后,正确的方式是这样。

三、正确姿势

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0PND1Mea-1671265510449)(https://github.com/你的用户名/你的repository仓库名/raw/分支名master/刚你新建的图片文件夹名称/***.png或者***.jpg)]

用这样的方式,就可以在readme中正确显示了。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-12-25 11:29:11  更:2022-12-25 11:33:00 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年2日历 -2024/2/29 5:40:37-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码