写在开头
每个人都需要一个自己的个人图床,什么是图床?
- 图床就是把图片存到服务器上,通过一个公开的链接地址进行访问或者下载
- 平时我们将图片夹杂在文章、文档、公众号、博客当中,一般情况下这样似乎没有任何问题,可试想一下若我们需要同时维护多份,不停地在不同渠道重复上传、编辑,图片也会散落各地,难以维护管理,这时候若有个统一的存储地方就可以很轻松维护。
- 我们将图片直接放到在线静态页面当中的话,在访问时需要等待全部资源加载,然而一般页面都是图片较大。当我们将图片分离后异步加载,再通过CDN加速,能够大幅提升页面的访问速度。
Github+PicGo
除此之外还有阿里云、腾讯云之类的,收不收费忘记了,反正Github又不收费😅
-
下载PicGo客户端
在Github里搜索PicGO
[站外图片上传中...(image-e4ad27-1649482074046)]
PicGo的Github仓库地址🙋,直接点击访问也可以。
在右侧release页面选择自己系统的版本下载安装即可。
[站外图片上传中...(image-e3e9d3-1649482074046)]
安装完成打开,软件页面大概就是这个样子:
[站外图片上传中...(image-ef2a61-1649482074046)]
在连接格式可以自由选择你想要的图片链接格式,也支持剪切板图片上传,搭配Snipaste
用起来简直不要太棒🥂 -
开始使用
[图片上传失败...(image-1bf7aa-1649482074046)]
支持很多图床,这里你需要哪个勾选哪个就可以,本文以Github为例。- 在Github新建一个仓库,存放图片资源,这个部分如果不会的话建议自行检索。
- 配置PicGO上Github仓库
[图片上传失败...(image-1c4d69-1649482074046)]- 仓库名就直接复制粘贴刚才新建的仓库名就可以,复制下来把/符号两边的空格删掉
- [站外图片上传中...(image-23f622-1649482074046)]
- 分支名:main
- Token:setting--->开发者设置--->个人token--->创建新Token
[站外图片上传中...(image-b5b739-1649482074046)]
把生成好的Token复制粘贴进来就可以 - 存储路径(这是图片在你Github仓库的位置):img/
-
jsDelivr充当CDN
获取CDN地址
选取第一个地址规则,把user和后面的都删掉改成你的仓库名
之前我没有配置过这个域名,图片传上去打开博客能正常显示,加上这个域名之后,挂梯子就打不开网页了,我删除规则之后能打开,但是之前用这个规则存储的图片所在的页面是无法访问的,所以😶🌫️
写在结尾
至此,我们已经完成整个图床的搭建,可以开始快乐地玩耍了,后续我会再介绍基于图床的其他用途(如有时间写的话...)。如在搭建过程中有如任何问题也可以在评论区评论与我沟通哦~