如何优雅的白嫖光速图床（重置优化版）

1、简介

1.1、图床有啥用

有用过一段时间markdown和玩过一小段时间的前端朋友都知道，我们的图片，是不可以直接保存到我们的md以及HTML或CSS文件里面的，而是通过一段路径来指向我们的图片。假如图片是存在我的电脑里面的，那么当你把这个文件发布到网上或者发给别人看的时候，那么存在你电脑里面的图片不就看不了了？
图床就是一个存在于网络上的空间，存在里面的图片，可以通过一个链接来访问。这样不就解决了前面的问题吗？

1.2、阿硕的自述

图床：图床一般是指储存图片的服务器，我们在部署页面的时候，图片等等往往是以链接的方式实现的。这种方式，实现了一次存储，多地移植的效果。假如我需要在多个地方发表我们的文章，就不需要再重新一张一张在对方的页面上传图片。那么想，是不是有什么办法，可以白嫖一个稳定的，高效的，易用的图床呢？？？

我的需求：

1. 需要图床的易用性！
2. 利于管理图片，并且具有比较高的安全性！
3. 访问速度要快！

那么有没有一个这么一个方案，既可以白嫖，又可以实现一个这么高效的图床呢？通过查找资料，我发现了这么一个，经过本人实际操作，而想到的一套方案：

GitHub用于存储

PicGo用于管理

jsDelivr用于加速

1.3、问题（有疑问的先看这里）

1.GitHub不好，访问慢

半桶水二愣子就不要再讲话了好吗，这篇文章发出来看都不看就说你GitHub访问慢？？？你没看到标题写着光速，自述也有你为什么就不看呢？？jsDelivr用于加速，这一套图床搭建出来，可以达到粘贴即上传，粘贴即访问的效果

2.为什么不用gitee

GitHub硬性空间要求小于100G，你gitee只有可怜的500m，你求我用我都不用好吗？？还有什么单个图片不超过1mb，我听着就呕血。

3.为什么我自己不搞服务器或者买阿里那个oss

标题写的明明白白白嫖，不要钱。服务器不是成本？oss不是成本？而且他们达到的效果跟我这个有啥不同？oss巨坑好吗，他是按照流量计费的，也访问的次数越多，你花费的钱就越多。

4.我都步骤都搞了，不行，用不了

1. 看第七总结和第八踩坑实录
2. 如果感觉是自己设置有问题，就看下面

1.4、小白半吊子指路

无脑学我就对了！！！

无敌巨TM详细步骤

报错看看第七总结和第八踩坑实录

报错看看第七总结和第八踩坑实录

报错看看第七总结和第八踩坑实录

2、GitHub仓库

1.1、创建一个github仓库

创建一个GitHub仓库用来储存你的图床，假如你没有GitHub账号就创建一个嘛！

GitHub官网

注意：我已经创建过一个这个名字的仓库所以报错！

1.2、生成一个Token

Token用于操作GitHub repository，简单的说就是，在后续picgo管理中，授权给这个软件操作你仓库权限的密码！

1.点击Settings

2.点击Developer settings

3.点击Personal access tokens

4.点击Generate new token并输入密码

5.点击Generate new token

6.勾选红框后点击创建

注意:创建成功后，会生成一串token，这串token之后不会再显示，所以第一次看到的时候，就要好好保存!!!

注意:创建成功后，会生成一串token，这串token之后不会再显示，所以第一次看到的时候，就要好好保存!!!

注意:创建成功后，会生成一串token，这串token之后不会再显示，所以第一次看到的时候，就要好好保存!!!

假如真的忘记保存也没有关系,可以在设置中重置它!

3、配置PicGo

2.1、下载并安装[PicGo][https://github.com/Molunerfinn/PicGo]

PicGo下载目录

2.2、配置图床(重要)

1. 设定仓库名的时候，是按照“账户名/仓库名的格式填写”
2. 分支名统一填写master2020年十月一日，GitHub官方将默认的主分支master改成了main如果您是这之后建的仓库，请在PicGo中将master替换成main（或者在GitHub中将主分支main改为master）
3. 将之前的Token黏贴在这里
4. 存储的路径可以按照我这样子写（注意一定要写上/符号），就会在repository下创建一个“优雅的使用图床”文件夹，这个文件夹名可以更改，便于管理
5. 自定义域名的作用是，在上传图片后成功后，PicGo会将“自定义域名+上传的图片名”生成的访问链接，放到剪切板上

https://cdn.jsdelivr.net/gh/用户名/仓库名

自定义域名需要按照这样去填写

最后，PicGo也支持一些快捷键操作，就不继续写下去了，可在设置中查找。

4、使用jsDelivr CDN加速

对于使用存储在GitHub上面的图片，使用jsDelivr CDN加速只需要改变图片链接就行。

按照官方说明是这样的 ：

https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

但是我仔细看看也没有版本号，于是就变成这样：

https://cdn.jsdelivr.net/gh/用户名/仓库名/文件路径

例如我的用户名是lmlx66，仓库名是img，那么我的图片位置就是：

https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/08.jpg

对比一下未加速的链接：

https://raw.githubusercontent.com/lmlx66/img/master/优雅的使用图床/08.jpg

注意:在我们配置PicGo的时候,它默认是打开上传自动复制URL的(这里的URL是PicGo自定义域名中设置的),也就是说,当你上传成功的时候,直接在markdown编辑器中粘贴,即可得到图片

5、Typora设置（选用）

当你使用的是Typora这个markdown编辑器的时候，我们可以更进一步简化操作步骤！直接复制图片，粘贴进Typora即可完成上传！

如图所示：

1. 打开文件->设置->图像
2. 插入图片时选择上传图片
3. 下面三个勾勾选择一下
4. 上传服务设置选择PicGO，并将路径设置一下

6、使用方法

1.主要用于markdown写东西的，使用的Typora这款编辑器。

在PicGo中设置好路径，设置好Typora，直接将图片粘贴至Typora里即可

2.用作其他方面

需要打开PicGo这个软件并设置好路径，在软件上面上传即可

7、总结(重要)

• 这虽然是一套白嫖方案,但其安全性是有一定保证的！
• 该方案使用的是GitHub仓库,其仓库推荐容量是1G,当到达5G的时候会发送邮件提醒,据小道消息,其仓库强制容量为100G,各位注意这方面的问题
• 这一套方案,如果没有梯子,是不可以在PicGo预览的,注意做好分类。特别是PicGo设置中的指定存储路径,通过它,来进行图片的分类工作
• 在上传之前,注意不要再任何地方使用该图片的URL,必须要等待上传成功了以后,方才可以使用,否则将会上传失败
• 注意我们GitHub仓库默认是有一个master分支,也就是主分支的,但是有些朋友分支名会变成main,注意上传失败时候的报错
• 假如出现报错,各位可查看弹窗报错详情,并自行查询错误原因解决

更多干货文章

我的博客

觉得好看的，点点收藏关注，给个评论！

笔记点头像里面看，都是自己总结写的！！！

8、踩坑实录（实时更新）

欢迎大家投稿

巨坑1（网络控制）

今天是2025年3月13日星期四早上十点，高高兴兴学知识，他们图床突然挂掉，就离谱好吗？

查看日志

连接不到GitHub？？马上去看看GitHub什么情况，我寻思着没问题啊？

突然就看到了火绒的提示。

这是后面调出来的，前面是小红点

emmmmm，昨天装了个CClearner，防止它检查出我的激活码有问题，用火绒网络控制给他强行断网了，结果。。。