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中正确显示了。
相关文章
- 【Jenkins 插件】使用 github 插件从 GitHub 上拉取项目代码
- 给Github-Page加上代码展示
- Git和GitHub之Git简介
- 不想用github action,那么如何在自己服务器上操作!
- 图解GitHub和SourceTree 入门教程 使用教程
- GitHub上标星75k+超牛的《Java面试突击版》,分享PDF离线版
- GitHub上线一天星标99.9K:阿里内部高逼格SpringCloud实战手册
- git 自己搭建服务器_github搭建服务器
- 如何查看github热门趋势和star排行榜
- 如何上传代码到github?
- 入门级 – 码云(Gitee),GitHub 教程
- 一款开源 Shell 工具,装逼神器,Github星标22k+!
- 解决idea登录github出现的invalid authentication data 404 not found以及登录 token 失效
- 如何使用Legitify保护你的GitHub组织资产安全
- 如何安装Github上特定版本号(每次提交的唯一标识)的R包?
- Hugo 网站优化(9): 实时更新与缓存加速兼顾, 使用 Github Action 主动预热 CDN 缓存
- 有人总结了70多个Python精选项目:再也不用去GitHub、Reddit大海捞针了
- 中美科技「脱钩」或将成为现实:除了GitHub,中国程序员还应该知道这些代码托管平台
- github如何查看提交历史呢详解编程语言
- 如何使用 Docsify 和 GitHub Pages 创建一个文档网站
- 计算流行 GitHub 项目的卡车系数
- Github 发布了为桌面应用开发而生的 Electron 1.0 版本