博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS: 向Github的README.md里添加图片
阅读量:5734 次
发布时间:2019-06-18

本文共 1415 字,大约阅读时间需要 4 分钟。

我们将项目上传到Github上开源供大家使用,可是,有时只是在READEME.md中做一些文字说明并不直观,如果能给上演示的截图是不是更能把功能展示的一目了然呢。

不费话了,直接上步骤:

第一步:首先我们需要在项目中创建一个文件夹,名称随意取,用来专门存放图片的,最后连同整个项目代码上传到github上,上传成功后,每一张图片的链接就有了;

第二步:然后我们需要进入Github上去找到对应的图片,并复制该图片的链接,此时图片的路径是相对路径,路径不完整是无法获取图片的;

第三步:接着在之前获取的相对路径前面添加Github的协议,即:https://github.com/账号/相对路径

第四步:最后在READEME.md中编辑,按照指定的格式添加图片路径,如: ![image](https://github.com/账号/相对路径)   解释:这里需要注意的是不要去掉![]()任何一个,去掉之后就变成显示文本了

拓展:   

   格式如下: ![](img_url)        即: 叹号! + 方括号[ ] + 括号( ) 其中叹号里是图片的URL。

   如果不加叹号! ,就会变成普通文本了。

   在方括号里可以加入一些 标识性的信息,比如:![ABC](http://www.baidu.com/img/bdlogo.png) 

 

 

演示步骤如下,并配截图( 前提是已经成功将图片随整个项目上传到了Github上,我给图片文件夹取名称为screenshots)

1.进入Github,点击仓库

 

2.进入可以看到所有的文件夹,然后点击项目工程文件

 

3.然后找到图片文件夹,点击进去

 

4.看到所有的图片

 

5.依次点击每一张图片,获取相对路径

 

6.将图片路径补充完整,即添加前缀 https://github.com/自己的账号/

 https://github.com/自己的账号/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/bar.png

 https://github.com/自己的账号/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/line1.png

 https://github.com/自己的账号/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/line2.png

 https://github.com/自己的账号/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/pie.png

 

7.打开READEME.md,按照格式添加图片的链接路径

 

8.刷新Github,结果图片成功显示:

 

欢迎关注我的github:

程序猿神奇的手,每时每刻,这双手都在改变着世界的交互方式!
本文转自当天真遇到现实博客园博客,原文链接:http://www.cnblogs.com/XYQ-208910/p/5695808.html
,如需转载请自行联系原作者
你可能感兴趣的文章
Ubuntu 12.04 root用户登录设置
查看>>
存储过程点滴
查看>>
Maven编译跳过test的设置
查看>>
SQLyog图形化l数据库的操作和学习
查看>>
raspbian 怎么才能有声音?
查看>>
[LeetCode]22.Generate Parentheses
查看>>
WEB前端 CSS选择器
查看>>
计算A/B Test需要的样本量
查看>>
二叉树前序中序后序遍历的非递归方法
查看>>
mysql 行转列列转行
查看>>
《设计模式系列》---桥接模式
查看>>
[Unity3d]Shader 着色器 学习前了解知识
查看>>
Linux中文件颜色所代表的属性和颜色
查看>>
Redrain duilib中事件委托存在的问题
查看>>
43、我的C#学习笔记9
查看>>
网站建表实践及优化
查看>>
字符串的简单操作
查看>>
C#新功能--命名参数与可选参数
查看>>
构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(22)-权限管理系统-模块导航制作...
查看>>
strtok和strtok_r
查看>>