# 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只有可怜的500mb，你求我用我都不用好吗？？还有什么单个图片不超过1mb，我听着就呕血。

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

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

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

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

## 1.4、小白半吊子指路

**无脑学我就对了！！！**

[无敌巨TM详细步骤]()

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

# 2、GitHub仓库

## 1.1、创建一个github仓库

创建一个[GitHub](https://github.com/)仓库用来储存你的图床，假如你没有GitHub账号就创建一个嘛！

[GitHub官网](https://github.com/)

![](https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/02.jpg)

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

## 1.2、生成一个Token

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

### 1.点击Settings

![](https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/03.jpg)

### 2.点击Developer settings

![](https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/04.jpg)

### 3.点击Personal access tokens

![](https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/05.jpg)

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

![](https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/06.jpg)

### 5.点击Generate new token

![](https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/06.jpg)

### 6.勾选红框后点击创建

![](https://cdn.jsdelivr.net/gh/lmlx66/img/优雅的使用图床/07.jpg)

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

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

# 3、配置PicGo

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

[PicGo下载目录](https://github.com/Molunerfinn/PicGo/releases)

### 2.2、配置图床(重要)

![](https://cdn.jsdelivr.net/gh/lmlx6688/img/JavaScript%E5%AD%A6%E4%B9%A0/9.png)

1. 设定仓库名的时候，是按照“账户名/仓库名的格式填写”

2. 分支名统一填写`master`2020年十月一日，GitHub官方将默认的主分支`master`改成了`main`如果您是这之后建的仓库，请在PicGo中将`master`替换成`main`（或者在GitHub中将主分支`main`改为`master`）

3. 将之前的Token黏贴在这里

4. 存储的路径可以按照我这样子写（注意一定要写上`/`符号），就会在repository下创建一个“优雅的使用图床”文件夹，这个文件夹名可以更改，便于管理

5. 自定义域名的作用是，在上传图片后成功后，PicGo会将“自定义域名+上传的图片名”生成的访问链接，放到剪切板上

``` html
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，并将路径设置一下

![8](https://cdn.jsdelivr.net/gh/lmlx66/img/%E4%BC%98%E9%9B%85%E7%9A%84%E4%BD%BF%E7%94%A8%E5%9B%BE%E5%BA%8A/8.png)

# 6、使用方法

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

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

2.用作其他方面

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

# 7、总结(重要)

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

更多干货文章

[我的博客](https://www.lmlx66.top)

[贼鸡儿好的免费高速图床](https://www.kuangstudy.com/bbs/1356995278862860289)：上个加精没人看的卑微文章，写markdown必备的好吗！！！

[idea插件和快捷键](https://www.kuangstudy.com/bbs/1364946220908306434):看标题

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

笔记点头像里面看，都是自己总结写的，有些跟狂神雷同，是跟着一起学习复习的！！！

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

**欢迎大家投稿**

## 巨坑1（网络控制）

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

查看日志

![13](https://cdn.jsdelivr.net/gh/lmlx6688/img/%E4%BC%98%E9%9B%85%E7%9A%84%E4%BD%BF%E7%94%A8%E5%9B%BE%E5%BA%8A/13.png)

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

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

![12](https://cdn.jsdelivr.net/gh/lmlx6688/img/%E4%BC%98%E9%9B%85%E7%9A%84%E4%BD%BF%E7%94%A8%E5%9B%BE%E5%BA%8A/12.png)

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

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

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

总共已有 0 条评论