zoukankan      html  css  js  c++  java
  • 本地图片上传到GitHub,MarkDown使用Github图片地址

    最近在学习用markdown编辑器,我是直接用有道云笔记编辑的,感觉真的好好用,编辑了一半的博客,可以按样式保存在云笔记中,我再也不会忘记写博客了~~

    但是在编辑博客的时候发现了一个问题,那就是本地图片上传!!如果要用有道云笔记上传本地图片的话是要开会员的,所以,要这么解决这个问题呢?

    如果不能使用本地图片,那就把本地图片上传到网上,再通过外链进行调用不就好了?

    那么问题就转换为给本地图片创建外链了。创建图片外链的方法有很多,我个人研究的是把图片上传到GitHub中,然后再使用图片链接。下面来说下我在研究过程中遇到的问题。

    Github上传图片

    GitHub是刚刚入门,所以了解也并不是很多,这里我是临时创建了一个仓库要来存图片,以后的图片也是打算存到这里了。

    首先登陆你的GitHub账号,如果没有的话就要注册了,因为我是已经注册了的,所以这里步骤就不说了,如果不会的可以上网搜索教程,很多。转回正题。

    第一步:创建仓库。
    登陆GitHub后,点击头像隔壁的“+”按钮,会下拉显示几个选项,选择New Repository创建仓库

    Image

    如图,填写好表单后,点击创建,就能够成功创建了。

    Image

    第二步:上传图片。 选择要上传的分支,点击上传按钮,如图。

    Image

    如果没有分支就直接点击上传按钮,在上传界面会有提示要不要创建分支,如图:

    Image

    确认好之后点击commit就OK了。这样图片就已经上传好了,之后要做什么操作就看你自己的需要了,我这里就不详细记录了,当然,除了在网页操作,还能在本地通过命令或者应用程序上传,目前我这里不详细说,之后可能等我研究熟悉git后会专门写一个博客,这里就不记录了。

    markdown使用GitHub的图片地址

    完成图片的上传后,接下来就应该是使用图片了。

    获取图片外链。
    在浏览器中打开你在GitHub中已经上传好的图片,你可以在图片上右键,选择复制图片地址,也可以复制浏览器地址栏中的地址,然后使用在你的markdown图片外链地址上。

    Image

    但是你会发现还是不能加载出来,我在网上搜索了下,发现只要改路径的一个文件名就可以显示图片了。发现原来github和md文件关联的图片地址是有一定的格式的,其格式如下:

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

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

    所以,将你得到的图片外链地址修改一下路径,就能够显示了,如图:

    Image

    我这里记录的只是傻瓜式使用,可能大家会有更好的方式,欢迎指导,我也是刚刚开始用,以后会不断的改进,找到更好的使用方法。

  • 相关阅读:
    Linux-命令-seq
    怎样打开U盘最安全
    SQL Anywhere .NET
    技巧:低版本VS打开高版本VS创建的工程
    数据库插入数据返回当前主键ID值方法
    Nvelocity模板引擎
    .ashx文件与.ashx.cs
    该站点安全证书的吊销信息不可用。是否继续?
    IE8“开发人员工具”(下)
    IE8“开发人员工具”(上)
  • 原文地址:https://www.cnblogs.com/ghm-777/p/11433425.html
Copyright © 2011-2022 走看看