【图文详解】如何利用Github在Markdown中插入图片?

最近尝试用利用Github在Markdown中插入图片,遇到诸多问题——主要是不知道如何用GitHub上传图片!

GitHub是一个纯英文网站,网上目前有的教程又都较为简略,一般只有文字说明。但缺乏图片的详细说明,作为非常白的非程序员,完全看不懂啊!

在多次努力终于弄明白如何利用GitHub在Markdown中插入图片后,我把自己摸索的方法做成了一个 图文并茂 的教程,希望能对大家有所帮助!

PS:简书上的图片插入程序很好用,不需要采用此笨拙的图片插入方法!

为何要用Github上传图片?

Markdown语法插入图片,主要有三种方式:

1 .插入网络图片
只需要在基础语法的括号中填入图片的网络链接即可,现在已经有很多免费/收费 图床和方便传图的小工具可选。

Markdown语法:![text] (图片链接地址)
(text为用来描述图片的关键词,可以不写。)

2. 插入本地图片

只需要在基础语法的括号中填入图片的位置路径即可。
Markdown语法:! [text ] ( /user/desktop/doge.png)

本地图片的路径,一旦更改或丢失,都会造成markdown文件调不出图,因此 不推荐此方法!

3.把图片存入markdown文件
用base64转码工具把图片转成一段字符串,然后把字符串填到基础格式中链接的那个位置。

作为非程序员,此方法描述都让人头大,难度较大!感兴趣者可参考: 把图片存入markdown文件

综上所述,通过图片地址的方式,在Markdown中插入图片,是最为合适的方法。当前,有很多小网页工具帮助把上传图片并提供图片链接,比如: https://sm.ms/ 。相比于GitHub,此类工具可能不稳定。

因此,本文认为利用GitHub上传图片,并在Markdown中插入是较为稳妥和方便的方法!

如何用Github上传图片?

使用GitHub上传图片,主要分为4步:

  • 先注册一个github的帐号
  • 创建一个仓库
  • 上传一张图片
  • 上传完成后,点击打开图片,右键 复制图片地址
  • 1. 先注册一个github的帐号

  • 打开GitHub网站: https://github.com/

  • 点击右上角Sign up (注册),输入
    Username(用户名)
    Email(邮箱)
    Password(密码),

  • 最后,点击Sigh up for Github完成注册。