Github图床搭建和使用（带CDN加速）

朱雀 2022-09-01 15:53 148阅读 0赞

# Github图床搭建和使用（带CDN加速） #

### 文章目录 ###

*  Github图床搭建和使用（带CDN加速）
 *   *  一.使用场景
     *  二.软件选型
     *  三.搭建过程
     *   *  1.创建 GitHub 图床仓库
         *  2.生成 Access token
         *   *  2.1. 创建
             *  2.2. 设置
             *  2.3.生成
         *  3.设置PicGo
         *  4.设置Typora
     *  四.呈现效果
     *  五.注意事项

## 一.使用场景 ##

用于Markdown文档书写时引用图片，可配合Typora使用（粘贴图片后自动生成），方便后续在博客上发布

## 二.软件选型 ##

1.  Markdown编辑器：Typora（https://www.typora.net/）
2.  上传工具：PicGo（https://picgo.github.io/PicGo-Doc/zh/）
3.  图床：Github repo（https://github.com/）
4.  CDN： jsDelivr（https://www.jsdelivr.com/）

## 三.搭建过程 ##

### 1.创建 GitHub 图床仓库 ###

> 这里就不再赘述了，需要注意的是仓库一定要是**Public**

### 2.生成 Access token ###

**操作路径：Setting------Developer settings------Personal access tokens**

#### 2.1. 创建 ####

![202172902052][]

#### 2.2. 设置 ####

![202172902035][]

#### 2.3.生成 ####

![202172902538][]

### 3.设置PicGo ###

![image-20210729003125089][]

> 带\*号的按规定内容填入即可
> 
> 制定存储路径：填入`XXX/xxx/`会自动在仓库生成相应的目录
> 
> 设定自定义域名：国内建议使用jsDelivr进行加速，格式如下：`https://cdn.jsdelivr.net/gh/+仓库名`

### 4.设置Typora ###

**操作路径：Setting------偏好设置------图像**

![202172903616][]

## 四.呈现效果 ##

1.  复制粘贴图片到Typora

![image-20210729004057847][]

1.  文本中图片的连接地址：`<img src="https://cdn.jsdelivr.net/gh/HelloReformat/RemotePicture/PicGo/image-20210729004057847.png" alt="image-20210729004057847" style="zoom:50%; " />`

## 五.注意事项 ##

*  作为图床的仓库最好**不能超过 1G**，因为仓库超过 1G 后会有人工审核仓库内容。一旦发现用于图床可能会被删库也可能会被封号！！！所以建议在 1G 之前就换个仓库
 *  仓库是**公开**的，所以图片放上去要注意隐私问题，特别是单位的一些涉密资料

[202172902052]: /images/20220829/9dc7a6f10a114aa59d13717d08b76dad.png
[202172902035]: /images/20220829/1bd808f42553400ebb4b8cdece3797f0.png
[202172902538]: /images/20220829/504bd867f376406796bdaa52d9c51830.png
[image-20210729003125089]: /images/20220829/e83d4210eeb8423589c502d5bee61faa.png
[202172903616]: /images/20220829/bc20fd1e40de47a1a5014bc36989d556.png
[image-20210729004057847]: https://cdn.jsdelivr.net/gh/HelloReformat/RemotePicture/PicGo/image-20210729004057847.png