最近尝试用利用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完成注册。
注册账号
- 如果已有GitHub账户,则直接点击Sigh in (登录)即可。
2. 创建一个仓库
- 登录进入后,点击 New repository,创建一个新的仓库
repository:仓库
- ** 输入仓库名称,点击 Create Repository ,
- 仓库创建完成后,进入README,不用填写任何内容,直接点击Commit new file(提交文件)。
PS: 第一次创建仓库后,花了很久才弄明白如何才能有 上传文件的命令——问题就在这里,需要点击README,并且Commit new file。作为一个GitHub小白,其实我不明白为什么需要有这一步,才能继续操作。。)
创建好的仓库.jpg 执行README3. 上传一张图片
-
完成以上步骤后,就可以点击 Choose your files(上传文件),并选择需要上传的图片,上传过程需等待几秒钟。
-
最后,点击Commit changes(提交),图片就上传完成啦!
4. 上传完成后,点击打开图片,右键 复制图片地址。
复制地址最后,将图片地址 粘贴至Markdown语法中,就成功的完成了图片插入!
比如: !(https://github.com/youyou-579/123/blob/master/2.8.jpg?raw=true)
以上,就是利用Github在Markdown中插入图片的全部过程,希望能帮到你!
网友评论