搭建自己的图床

一、图床简介

什么是图床

图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间多线空间cdn加速三种。

为什么需要图床

以本博客为例,本博客基于github仓库搭建部署,github仓库建议大小1GB以下,如果超过此大小,可能会收到邮件要求减小仓库大小,如果博客有大量图片要求,最好存在单独的仓库中,用外链访问。

图床对比

目前市面上的图床主要分为以下三类:

  • 公共图床 这类图床一般可以直接上传图片,会返回一个链接,供你使用,但缺点是你无法看到自己的在平台上托管的图片,目前好用的公共图床有:
  • 第三方图床(代码托管平台)
    • GitHub:全球最大代码托管平台,国内速度慢,仓库建议1GB大小
    • Gitee:国内仿GitHub代码托管平台,不建议使用gitee
    • 七牛云:速度快,缺点是要点小钱,免费的各种限制
  • 服务器图床
    • 各大云服务器:阿里云,百度云,华为云等等
    • 私人服务器
  • 总结对比
图床费用容量限制隐私可管理性配对插件速度数据丢失
公共图床免费一般较差较差几乎无可能丢失
GitHub免费一般一般一般很慢一般不会
Gitee免费/收费免费限制极大一般一般一般不会
服务器收费没啥限制安全很好安全性高

二、准备一个放图片的仓库

本文选择github作为图床

  • 创建一个仓库用来存放图片

  • 生成一个token访问此仓库

生成的token刷新页面后就看不到了,及时保存

  • 在仓库根目录下建一个文件夹img放图片

三、下载配置VScode插件

  • 安装PicGo

  • 配置PicGo

  • 在vscode上传图片
系统剪贴板资源管理器截图
Windows/UnixCtrl+Alt+UCtrl+Alt+ECtrl+Alt+O
macOSCmd+Opt+UCmd+Opt+ECmd+Opt+O

四、cdn加速

这里为了快速上传和加载图片,选用jsDelivr优化加速。

简介

jsDelivr 是免费、高速且稳定的 CDN 服务,提供了 NPM、Github、WordPress Plugin 和其他自定义网站的资源镜像。

  • Github 转化规则
1
https://cdn.jsdelivr.net/gh/user/repo@version/file
  • NPM 转化规则
1
https://cdn.jsdelivr.net/npm/package@version/file

使用

只需要简单配置了自定义URLhttps://cdn.jsdelivr.net/gh/lmj-cn/MyImage@main即可使用CDN加速

设定自定义URL,在图片上传后,PicGo会按照【自定义域名+储存路径+上传的图片名】的方式生成访问链接,放到粘贴板上。

0%