利用GitHub建立自己的Markdown图床

利用GitHub建立自己的Markdown图床

前言

• 首先，你要对待GitHub有一定的了解，如果不了解也没什么关系，可以先收藏这篇博客，然后到廖雪峰的官网上系统学习一下Git，这是链接Git教程

• 其次，你需要对MarkDown语法有一定了解，图片链接的MarkDown语法是：![ ]( )

  • 感叹号表示这是一个图片链接
  • 方括号中填图片加载失败时显示的文字，当然你不写也可以
  • 圆括号中填图片链接

• 再次，笔者建议你先看完全文再去实践，毕竟，前事不忘后事之师。

模板

• 那么接下来就开始实践利用GitHub建立自己的MarkDown图床：
  • 下面先给出模板，它是一张GitHub图片的链接：

![](https://raw.githubusercontent.com/你的帐号名/图片路径/picture.jpg)

需要注意的两点是

1.这个链接模板是以 https://raw.githubusercontent.com/ 开头的,而不是GitHub的官网 https://github.com 开头，请做好区别
2. 图片名称不要包含中文字符

实践

• 首先，先给出一个平平无奇的上传在GitHub上的图片链接：
  https://github.com/CapWu/YouDaoPic/blob/master/JavaLearningMap.jpg

• 这是笔者上传在账号上的java学习路径的图片，我们先删除掉协议和主机名：
  https://github.com/CapWu/YouDaoPic/blob/master/JavaLearningMap.jpg

这一步要注意了，我们要删除掉中间的blob：
/CapWu/YouDaoPic/blob/master/JavaLearningMap.jpg

拿出我们刚才的模板![](https://raw.githubusercontent.com/你的帐号名/图片路径/picture.jpg)，套进去：
![JavaLearningMap](https://raw.githubusercontent.com/CapWu/YouDaoPic/master/JavaLearningMap.jpg)

效果图

• 这是有道云笔记PC版的效果图
  

尾声

这个方法经笔者在有道云笔记实践成功过的，值得一提的是，如果在CSDN上写博客就不用那么麻烦了，当然也不会成功，因为这么做的话CSDN会从该链接中转存GitHub的图片，这当然会吃到GitHub防盗链的苦头。

另外安利一下有道云笔记，它支持MarkDown，也可以把你那些PDF文件的编程书放在有道云上面云存储，支持多平台登录，真的不要太香，这让本该贫穷的家庭尝到了一些些甜头。