初识图床
图床图床,就是用来存放图片的温床,博客内有大量的图片,大量的地方需要使用到图片,优化博客加载方便管理的除了压缩图片的大小之外,首选就是多处使用图片链接,到不同的资源地址去进行加载来完成图片的加载。
网络免费图床
可以通过百度图床搜索 🔍 到很多很多各种各样的图床, 在此不做介绍如 SMMS 等图床.
| 特点 |
|---|
| 无配置,仅需注册,有些甚至不用注册 ✅ |
| 方便上传,方便管理 ✅ |
| 免费 ✅ |
| 容易跑路 ❌ |
| 图像处理:如裁剪,压缩等 ❌ |
| 图片加载速度不够快 ❌ |
| 稳定性差 ❌ |
Github 图床
大部分同学是没有服务器的,那么就很需要图床来优化自己的仓库内容,毕竟 github 一个仓库大小只能在 1G 左右,一个比较成熟的方案是使用 github + jsd + PicGo
| 特点 |
|---|
| 配置较为简单 ✅ |
| 方便上传 ✅ |
| 免费 ✅ |
| 多个仓库可无限容量 ✅ |
| 图像处理:如裁剪,压缩等 ❌ |
| 一个仓库只能 1G❌ |
| 图片加载速度不够快 ❌ |
| github 做图床有封号封仓库风险 ❌ |
| 稳定性差 ❌ |
npm 图床
具体配置方法可以去参考我的这篇文章
前端优化小妙招:使用 npm+CDN 托管静态资源,页面打开速度快到飞起 | 码字·兮
npm图床
npm图床配置教程
| 特点 |
|---|
| 配置较为简 ✅ |
| 免费 ✅ |
| 镜像资源多,也可以自建,选对了镜像加载较快 ✅ |
| 多个包或使用多个版本控制可无限容量 ✅ |
| 方便上传,每次新加资源都需要重新发布版本 ❌ |
| 图像处理:如裁剪,压缩等 ❌ |
| 一个版本只能 100M-200M❌ |
| 配置较为复杂 ❌ |
| 高度依赖镜像,镜像寄就寄了 ❌ |
腾讯云或阿里云等各大平台的云存储+CDN 方案
这个方案比较好,缺点是需要付费,大概为每年 20 元的存储费用 ➕ CDN 费用,CDN 为流量加速费用,具体得看站点流量大小。又拍云与七牛云都有免费的存储与 CDN 额度可以自行申请。
| 特点 |
|---|
| 稳定性好 ✅ |
| 方便管理图片,上传方便,有 API ✅ |
| 容量取决于服务器 ✅ |
| 图像处理:如裁剪,压缩等 ✅ |
| 配置较为复杂 ❌ |
| 需要额外费用 ❌ |
| 容易被刷爆 ❌ |
自建图床
如果你有一台服务器,那么你就可以自建自己的图床,以达到稳定性与速度兼备,可以自建兰空图床,缺点大概就是需要一台服务器的费用。
| 特点 |
|---|
| 稳定性好 ✅ |
| 方便管理图片,上传方便,有 API ✅ |
| 容量取决于服务器 ✅ |
| 图像处理:如裁剪,压缩等 ✅ |
| 配置较为复杂 ❌ |
| 需要服务器费用 ❌ |
付费图床
博主目前的方案
博主目前的方案为自建图床 ➕npm 图床