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

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

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐