如何搭建自己的图床(GitHub版)

文章目录

前言： 如果没有自己的服务器，如何实现接口去获取图片呢？我们可以使用图床的形式。

1.图床的概念

图床就是存储图片的服务器

• 由来：通常我们的图片都是保存在本地，比如我们常用Typora写的笔记，里面的图片都默认保存在本地，这时候我们如果把对应的笔记发给别人，那么笔记的图片也要跟着发过去（同时确保图片的路径是对的），这样别人才能完整查看到我们的笔记。
• 问题：老是要传来传去的，这样很麻烦。
• 解决：这时候我们想到如果把图片放在互联网上，这时候任何人都可以看见并且能下载，就完美解决了。那么我们把别人也可以访问到图片的服务器叫做图床。

2.用GitHub创建图床服务器

步骤：
1）新建仓库
2）生成Token令牌
3）创建img分支和该分支下的img文件夹(可选)

2.1.新建仓库

点击+号->New repository->填写相关信息-> Create repository

2.2.生成Token令牌

点击右上角头像->Settings->下拉，直到左侧到底，选择Developer settings（开发人员设置）->Personal Access tokens（个人访问令牌） -> Tkens(classic) -> Generate New Token(classic， 一定要选择 classic 方式)-> 配置相关信息 -> Generate token

Token令牌用于个人身份验证，不需要密码也可以直接访问你的仓库内容。

在创建页面中，填写 Note 为“图床”，Expiration（过期时间）为 No expiration（永久）,也可以自定义过期时间，在下面的Select scopes（选择权限范围）如下图勾选 repo。最后点击 generate token 生成令牌即可。

务必将令牌保存起来，放在一个安全的地方，页面关掉后就看不到了。

2.3.创建img分支和该分支下的img文件夹(可选)

创建img分支

点击自己的仓库->main->View all branches->New branch->分支名->Create new branch

创建img文件夹

Add file -> Create new file -> 填写 img/test -> Commit changes

3.使用PicGo软件上传图片

3.1 下载PicGo软件

PicGo是一个用于上传图片的客户端，支持拖拽上传、剪贴板上传，功能十分方便。

官网地址
PicGo的Github地址
山东大学PicGo镜像地址

3.2配置PicGo

选择图床设置->Github

这里需要配置GitHub仓库地址、分支名、AccessToken等基础信息。
自定义域名需要配置为：https://cdn.jsdelivr.net/gh/用户名/仓库名，这样就才可以通过cdn访问图片
仓库名：GitHub用户名/GitHub仓库地址
分支名：GitHub的分支名称
Token：GitHub中设定的AccessToken
自定义域名：https://fastly.jsdelivr.net/gh/用户名/仓库名

3.3用PicGo实现上传

直接拖拽上传即可

上传完成会在相册中查看到或者直接在GitHub仓库中查看

4. Typora实现自动上传

Typora通过PicGo软件自动上传图片到GitHub仓库中。

文件 ->偏好设置 -> 图像 -> 上传图片 -> 配置PicGo路径

5.免费图床网站

imgse-路过图床-------------------这是我用路过图床上传的图片
遇见图床

6.免费图片网站

这里我推荐三个好看的壁纸网站，而且是免费下载的

Wallpaper Abyss
Awesome Wallpapers
WallpapersWide.com

如果图片过大会占用过多存储，这时候我们可以压缩图片，优化网页的性能，同时节省存储空间,这里推荐一个在线图片压缩网站。

压缩图片网站TinyPNG