手把手教你怎样0成本搭建一个高效图床

这次给大家分享一个干货: 快速搭建一个免费极速图床!
啊哈?竟有这种好事?或许有不少人不相信吧哈哈。天地可见,童叟无欺,且听统一哥下文分解!(PS:文末还有一个小福利)

      直入主题,怎么搭建呢?大体上来说需要用到三个工具:GitHub、PicGo和jsDelivr。其中GitHub用于存储,PicGo用于上传、jsDelivr则是加速。

一、Github

      GitHub作为图片存储的平台平常不过了,即将图片放在Github上,然后采用https://github.com/ZTY18873242003/img/2.jpg 这种方式在你需要用到图片的地方(比如博客、自己部署的项目)引用。嗯,方案的确可行,不过缺点也是显而易见的,整体上来说就是了点。
      既然如此,那为啥还要用Github呢?因为空间大呗,Github上100G的免费空间它不香么?如果使用阿里云的对象存储服务,是要按流量计费的,用的越久花的钱越多。当然你也可以买个云服务器把图片放上面,然后用服务器IP+图片地址的方式访问,但那也要用FTP服务上传图片到服务器再引用,也是比较麻烦的,所以那免费的Github就成了图片存储地的不二之选。接下来按以下步骤操作

1.1、新建一个仓库,并命名在这里插入图片描述

1.2、点击Settings

在这里插入图片描述

1.3、点击Developer settings

在这里插入图片描述

1.4、按图片所示找到Token在这里插入图片描述

1.5、填写Token信息(描述干什么用的)点击repo再点击Generate Token来创建Token

在这里插入图片描述
在这里插入图片描述

1.6、保存Token到本地,最好新建个文本文档记录,因为刷新或关闭当前页面Token会消失(忘记保存了可以在设置中重置)

在这里插入图片描述
     OK,Github配置结束。

二、PicGo

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

在这里插入图片描述
点此链接:下载目录 后找到2.3.0-beta.4版本,mac、linux、windows不同系统相应选择不同下载源,我win7系统直接选的是箭头所示的exe安装包文件在这里插入图片描述

2.2、配置图床

在这里插入图片描述

  1. 设定仓库名按照“Github账户名/仓库名”的格式
  2. 分支名填写master(注意:GitHub官方已经将默认的主分支master改成了main,所以2020/10/1之后建的仓库得在PicGo中将master替换成main(当然也可以在GitHub中将主分支main改为master)
  3. 将之前本地的Token复制到这里
  4. 存储路径按照图片上的格式写(注意一定要写上 / 符号),它会在之前创建的仓库下创建一个文件夹
  5. 自定义域名的作用是,在上传图片后成功后,PicGo会将“自定义域名+上传的图片名”生成的访问链接,放到剪切板上
https://cdn.jsdelivr.net/gh/用户名/仓库名

三、jsDelivr CDN加速

      简单介绍一下什么是CDN以及它有什么作用。
      这里引用知乎上阿里巴巴淘系技术官方账号的一段话:淘宝的图片访问,有98%的流量都走了CDN缓存。只有2%会回源到源站,节省了大量的服务器资源。由此不难看出CDN(全称Content Delivery Network,即内容分发网络)的直接作用是加速用户访问图片的速度。此外,它还能起到一定的安全作用,比如说能保护源站,减小黑客攻击源主机的概率。下面假设一个场景,黑客使用DDOS流量攻击某网站时,如果该站使用了大量CDN服务器,那么其攻击的对象大多是CDN服务器而不是源主机。从而间接上起到了保护作用。
      在PicGo上设置完Github地址后就可以使用了,上传的图片会放到Github上,这个jsDelivr 是一个能免费加速的CDN,我之前部署Halo博客的时候也是用的这个加速,它还能跳过阿里云网速限制,可以说是良心项目了。
在这里插入图片描述
PicGo上传成功后显示屏侧边会弹出在这里插入图片描述
同时相册中也能看到图片
在这里插入图片描述
      文末福利:Github国内镜像加速站不知道是不是CDN的原理 ),大家觉得官网太卡的时候可以试下。

猜你喜欢

转载自blog.csdn.net/Zhongtongyi/article/details/113831713