前言
作为一个小博主,写写博客的时候很经常会用到一些图片,但是又因为自己的服务器太菜了,放在自己服务器也不是很好,所以就想到了图床。
但是作为只是偶尔用用图,付费服务的图床又不太合适(白嫖党
),所以接下来我们就通过 Github
和 JsDelivr
搭建一个免费的小图床啦
ps: 主要是以前写的文章压根没有配图,因为嫌麻烦┭┮﹏┭┮,但是感觉会影响可读性,所以就找个图床来使用了
什么是图床?
简单来讲,图床就是一个在网上存储图片的地方(其返回给你一个 URL
进行获取图片),目的是为了节省服务器空间,加快图片打开速度。
JsDelivr又是什么?
从他的官网可知,他是开源CDN提供商(免费,快速且可靠),并且 works in China
(也就是不会出现墙的问题),支持给Github、WordPress、NPM免费提供CDN加速
这么一看,这不是正合适我们的需求吗,免费、快速并且稳定的CDN
加速服务
所以,我们就是用他来配置我们图床的加速访问
使用方法:https://cdn.JsDelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径,版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源。
搭建
其实从上面就知道,我们可以直接通过 JsDelivr
访问我们自己 Github
仓库的资源了,那么我们能不能通过一些工具,来提高我们的生产力呢?答案是,肯定有的,接下来我们就一步一步的提高我们的生产力
创建新项目
登录/注册Github,新建一个仓库,填写好仓库名,仓库描述,并且一定的是公开项目,不能是私有的
生成Token
先点击头像的下拉菜单,并选择 Settings
选择 Developer settings
选择 Personal access tokens
选择 Generate new token
,并填写好 Note
,勾上 repo
,最底下点击 Generate new token
生成所需要的token
这个token只会显示一次,自己先保存下来 (如果忘记了,重复上面一步,生成新的token)
使用PicGo上传图片
读到到了这里,你会发现我们只是创建了一个Github仓库,压根没有提高什么生产力= =。
骚年,别着急,接下来我们使用 PicGo 这个工具来配置我们的 Github
图床啦
打开软件,选择 图床设置
,在选择 GitHub图床
,配置上我们刚创建的仓库名、分支和Token,并设置仓库的存储路径,
自定义域名则配置成 https://cdn.JsDelivr.net/gh/你的用户名/你的仓库名/
,这里就方便你在相册中复制你图床的谅解
配置好 PicGo
后,我们就可以愉快的玩耍啦,此外 PicGo
还支持很多功能,这里就不一一介绍,需要你自己探索啦
ps: 上传如果需要压缩的话,推荐使用 TinyPNG 压缩之后,在上传哦
总结
说一下我为什么选择 Github
和 JsDelivr
-
他两都是大厂,不用担心跑路
-
不用担心访问速度和容量
-
不用担心访问速度和容量
-
最关键还免费
这不就是我们所需要吗?
最后,感谢各位观众老爷观看啦O(∩_∩)O