实战：如何利用Github搭建自己的免费图床-20211106

文档版本

2021年11月6日14:38:37更新：创建文档；

原文链接

https://zhuanlan.zhihu.com/p/353775844

1、前言

0.什么是图床

对于写博客的朋友们来讲，图床这个东西一定不会陌生，而且在一定程度上也给大家造成过一定困扰。

对于不清楚这个东西的朋友，我就在这儿大概说一下图床是个啥东西。所谓图床，其实可以就相当于我们手机上的相册，不过他是在线的，而且是对大家开放的，大家都可以访问查看，但是编辑删除这些功能仅限于拥有者，就相当于用百度云分享的公开照片，你可以查看，也可以下载下来编辑，但是拥有权还是属于分享者。

那你可能会疑惑，那这个东西和写博客的我们有啥关系呢？

你想想，我们写博客，是不是有很多图片需要插入，我们这些博客要保留在本地的时候你可以预览到图片，但一旦你要把它发布到网上，这时候问题来了！发现图片上传失败，那是因为你本地的图片都是存在本地的，平台不会自动给你上传，那这个时候就凸显出图床的重要性了。当然了，如果你是直接在平台进行编辑，那着一点就不用担心了，基本平台都会自动给你上传到它自己的服务器。
有了图床，我们在本地写好博客之后，就能够任意复制到其他平台，不用担心图片丢失问题了。

今天的文章就是给大家分享一个搭建免费图床的教程，既是方便自己后续的复习，也希望对大家也有所帮助。

1.个人需要搭建自己图床的需求

个人使用过all的云笔记之后，还是喜欢用typora写md，方便书写，方便编辑，其他md均不喜欢；

但typora自己又没有图床，只能借助第三方图床；

Typora+坚果云可以搭建自己的云笔记，但是在如果把typora的图片设置在本地的话，一直在坚果云中来回切换目录的话，就非常难受了，很容易打乱自己的思维；且构建笔记体系比较麻烦；另外，自己在云端分享/阅读都很不舒服；

2.个人搭建的图床必须具备的特性

存储的图片数据必须要安全存储；

访问速度要快；

尽可能是免费的，如果是收费，希望便宜些；

可以批量导出图片数据等……

3.PicGo可以使用的图床

感觉比较靠谱的图床：

阿里云OSS、腾讯云COS、七牛图床、GitGyb图床……

4.github作为自己图床的优点

每一个it人都会具备一个github账号，因此用其做为自己的图床那是再好不过了；

虽然gitbub又是打开会比较慢，但是用了cdn加速后，效果是非常ok的，高级，另外，自己也买了1年的vpn，因此打开gitbub网址还是非常快的；

使用gitbub作为图床可以进一步熟悉gitbub和git，一举二得，good；

2、准备工作

那么在正式开始之前，你需要提前准备以下东西：
一个 Github 账号

好了，就这么简单，只要你有一个 Github 账号就够了，你就能拥有一个免费的图床了，如果你还没有，那赶紧去 注册 一个账号吧。

3、搭建过程

1.登录github并创建仓库

登录你的 Github并创建一个新的仓库：

2.填写仓库信息

填写仓库相关信息，一般只需要选一个合适的仓库名，然后确保仓库为 public 其他的保持默认就好；

自己本次填写信息：typora-img

3.查看创建好的仓库

一般创建成功之后，会出现如下界面，至此，我们的图床算是创建好了，接下来就是如何上传图片了；

4. 上传图片(配置 PicGo )

通过上面的步骤，我们的图床时搭建好了，但是通过传统的方法向 Github 上传图片太麻烦了，这里我们推荐使用一个开源图床工具 PicGo 来作为我们的图片上传工具；

PicGo 的安装就不说了，去他的 官网 下载对应版本进行安装即可，我们主要讲讲如何用它来上传图片。安装后，打开软件其主页面如下：

接下来就是配置 PicGo 的过程了。

1. 首先，我们先要去 Github 创建一个 token；

依次打开 Settings -> Developer settings -> Personal access tokens，最后点击 generate new token；

2.填写及勾选相关信息，然后点击 Genetate token 即可；

• 这里注意下：

默认这个token有效期为30天，我们为了稳定性起见，可以直接改为no expiration。

3.token 生成，注意它只会显示一次，所以你最好把它复制下来到你的备忘录存好，方便下次使用，否则下次有需要重新新建；

4.配置 PicGo，依次打开 图床设置 -> Github 图床；

填写相关信息，最后点击 确定即可，要将其作为默认图床的话，点击设为默认图床；

自己本次的配置：

6.上传图片，通过上传区上传即可（Ctrl V 或者将图片拖拽都可以），也可以通过快捷键的方式上传（默认上传键为 Ctrl + Shift + P）；

首先这里我没有打开科学上网，观察下图片上传速度和在线查看md文件时图片的显示速度；

这里通过typora里配置了picgo，进行测试下效果：

查看typora配置的参数：

测试上传：

发现上传还是稍微会慢一些的：

我们直接在typora中粘贴图片后再进行上传图片并观看效果：

发现了一个问题，上传是上传成功了，但是图片在文章里根本加载不出来，很奇怪哎。

我们尝试用这个链接去下载图片发现链接打不开：

这是由于giybub是国外网址，又是打不开，因此需要我们加速一下就好了。

5. 加速访问

大家可能会发现，我们上传到 Github 的图片有时候访问太慢了，有时候甚至直接加载不出来！那该咋办呢？
这时候我们就可以用 jsDelivr 进行免费加速，而设置的方法也很简单，只需要在我们 PicGo 图床配置中添加如下自定义域名即可；
https://cdn.jsdelivr.net/gh/用户名/仓库名

https://www.jsdelivr.com/?docs=gh

比如我的就是:https://cdn.jsdelivr.net/gh/OnlyOnexl/typora-img

现在我们再次测试下效果：

测试粘贴到typora里图片的上传速度、打开md文档时图片的显示速度：

此时本地windows无科学上网：

=>进测试：上传 可能会耗时3-4s，但在其他终端打开md文档，里面图片的展示时间几乎是0ms，效果很不错；

到此，如何利用 Github 搭建自己的免费图床实验就结束了，以后我可以很方边利用坚果云+typoa+gitbub图床来进一步维护自己的it笔记了；

6. 图床推荐

除开用 Github 搭建的方式之后，我们也可以用 Gitee 进行搭建，搭建方式和本文大致相同。此外，我也推荐几个免费的图床给大家，大家可以根据自己的喜好进行选择；

1. 路过图床
2. SM.MS
3. Imgur

4、总结

至此，我们的搭建免费图床的教程就到此结束了，总结一下主要有如下几部分：

1. 准备一个 Github 账号；
2. 搭建图床仓库；
3. 上传图片设置；
4. 加速访问；
5. 免费图床推荐；

当前配置信息汇总

1.typora的picgo配置选项

2.PicGo配置

3.Github配置

https://github.com/OnlyOnexl/typora-img

typora-img
typora-imgs
typora图床

注意事项

1.禁止上传私密信息

使用github作为自己的云笔记图床时，切记图片上不能包含一些隐私信息：例如密码等信息；

2.上传同名文件时会报错

3.即使后期gitbub倒闭或者cdn加速失效时，也可以批量把文件给下载下来

git clone git@github.com:OnlyOnexl/typora-img.git

关于我

我的博客主旨：我希望每一个人拿着我的博客都可以做出实验现象，先把实验做出来，然后再结合理论知识更深层次去理解技术点，这样学习起来才有乐趣和动力。并且，我的博客内容步骤是很完整的，也分享源码和实验用到的软件，希望能和大家一起共同进步！

各位小伙伴在实际操作过程中如有什么疑问，可随时联系本人免费帮您解决问题：

1. 个人微信二维码：x2675263825 （舍得）， qq：2675263825。

   

2. 个人博客地址：www.onlyonexl.cn

   

3. 个人微信公众号：云原生架构师实战

   

4. 个人csdn

   https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

   

最后

​ 好了，关于如何利用 Github 搭建自己的免费图床实验就到这里了，感谢大家阅读，祝大家生活快乐，每天都过的有意义哦，我们下期见！