zl程序教程

您现在的位置是:首页 >  工具

当前栏目

【问题解决方案】GitHub的md中使用库中图片

GitHub解决方案 图片 md 库中 问题 使用
2023-09-14 08:59:08 时间

参考链接:

插入图片的格式

  • ![这个括号里写的在图片加载失败时显示(PS:可以不写)](图片网址)

  • 可以直接使用网络资源的图片,但是建议将图片上传到github仓库再利用,仓库里的资源来调用

使用库图片时的图片地址格式

  • github仓库中的图片链接格式:

    • 右击github中的图片,获得链接:https://github.com/nxf75/ML_Library/blob/master/Hadoop/Haddop%E6%A1%86%E6%9E%B6.png
  • 现在直接把链接写入markdown中,是无效的,解决方法(亲测有效):

    • 1.把blob替换成raw.

    • 2.直接右键选中图片,复制图片地址.

    • 3.图片中点击download(不是右击,是点进去),在图片打开页复制地址。

    • 4.在博客园或者简书的Markdown编辑页面中插入图片,得到自动转码的图片,再复制粘贴到所需的md文件。

通过标签改变图片的尺寸和位置

  • 改变图片的尺寸:

    • <img src="https://github.com/Legend-yd/MyDawn/blob/master/20171223205540585.png" width="300" height="450" />
  • 改变图片位置使居中:

    • <div align=center><img src="https://github.com/Legend-yd/MyDawn/blob/master/20171223205540585.png" width="300" height="450" /></div>

步骤:

  • 在github上的仓库建立一个存放图片的文件夹,文件夹名字随意。如:image

  • 将需要在插入到文本中的图片,push到image文件夹中。

  • 然后打开github官网,进入仓库的image文件夹中,打开图片,点download(不是右键),复制该网址链接(注意网址第一段是raw)

  • 在README.md中填入: ![Image text](填上你复制的地址即可)

  • 保存即可。

  • 注意:

    • 地址栏开头没有raw,而上述步骤复制的地址开头是raw



END