今天用md文件时候发现需要插入图片,以前没做过,所以写下来分享下。

1.先在自己的github上建一个仓库,里面新建个img文件夹存放图片,怎么建仓库可以上网找资料,这里就不详细说明了。建好的仓库如下图所示,copy下仓库的路径。

2.在电脑新建一个文件夹,在文件夹中把github上的仓库先克隆下来,命令是git clone 仓库地址(要使用git命令得先在电脑上装好git-bash),如下图

3.克隆完之后会有一个以IMG命名仓库的文件夹,这个就是我们在github的IMG仓库。我们把一张test.jpg放到IMG文件的子文件夹img中

4.接着我们进入IMG文件中敲git命令

先进入IMG的文件夹中 : cd IMG/

添加IMG文件夹下的所有文件:git add .

提交文件到分支:git commit -m "备注你提交了哪些内容"

把内容推送上仓库:git push origin master

所有步骤如下图所示:

5.上传成功之后我们可以去自己的github仓库看看

6.接着我们新建的md文件,并且插入图片,md文件插入图片的代码是: ![]()

注意:[] 里面可以写图片名或者其他备注信息,为的是让图像无法显示时可以看到备注内容。

7.这时预览效果就出现了一个小问题了,路径写了完全正确图片却无法加载出来,把路径复制出来单独在新窗口打开却可以显示图片

8.在网上找了资料,发现只要改路径的一个文件名就可以显示图片了。发现原来github和md文件关联的图片地址是有一定的格式的,其格式如下:

https://github.com/用户名/repository仓库名/raw/分支名master/图片文件夹名称/***.png or***.jpg

按照此格式github会自动解析这个语法,并把图片在md文件中正常显示出来。

最新文章

  1. Android ButterKnife配置使用
  2. Apache Shiro 学习记录3
  3. 移动端web开发的一些知识点
  4. SQL Server 复制:事务发布
  5. [转载] 自定义百度网盘分享密码 (Javascript)
  6. NODE.JS开发指南学习笔记2
  7. java问题小总结
  8. ThreadLocal,ThreadLocalMap,Thread 的相互关系
  9. 第二百七十八天 how can I 坚持
  10. 【转】linux下cppunit的安装
  11. Cordova+angularjs+ionic+vs2015开发(三)
  12. java设计模式--行为型模式--中介者模式
  13. TCP通信中的大文件传送
  14. Linux下安装mysql(yum和源码编译两种方式)
  15. linux btrfs文件系统管理与应用
  16. apache2.4 文件浏览服务器页面配置
  17. Looper Handler Mssage
  18. Map集合利用比较器Comparator根据Key和Value的排序
  19. cmake编译参数
  20. IOS-5个可以帮你优化App的优秀网站

热门文章

  1. App云测试服务对比
  2. PAT甲题题解-1124. Raffle for Weibo Followers-模拟,水题
  3. Manjaro Linux 没有声音
  4. final评论2
  5. SCRUM站立会议模拟
  6. PAT 甲级 1086 Tree Traversals Again
  7. PAT 1017 A除以B
  8. remote desktop software
  9. 【版本管理】git远程管理
  10. angular学习总结