写在开头​

每个人都需要一个自己的个人图床，什么是图床？

  • 图床就是把图片存到服务器上，通过一个公开的链接地址进行访问或者下载
  • 平时我们将图片夹杂在文章、文档、公众号、博客当中，一般情况下这样似乎没有任何问题，可试想一下若我们需要同时维护多份，不停地在不同渠道重复上传、编辑，图片也会散落各地，难以维护管理，这时候若有个统一的存储地方就可以很轻松维护。
  • 我们将图片直接放到在线静态页面当中的话，在访问时需要等待全部资源加载，然而一般页面都是图片较大。当我们将图片分离后异步加载，再通过CDN加速，能够大幅提升页面的访问速度。

Github+PicGo

除此之外还有阿里云、腾讯云之类的，收不收费忘记了，反正Github又不收费😅

  • 下载PicGo客户端
    在Github里搜索PicGO

    PicGo的Github仓库地址🙋，直接点击访问也可以。
    在右侧release页面选择自己系统的版本下载安装即可。

    安装完成打开，软件页面大概就是这个样子：

    在连接格式可以自由选择你想要的图片链接格式，也支持剪切板图片上传，搭配Snipaste用起来简直不要太棒🥂
  • 开始使用

    支持很多图床，这里你需要哪个勾选哪个就可以，本文以Github为例。
    • 在Github新建一个仓库，存放图片资源，这个部分如果不会的话建议自行检索。
    • 配置PicGO上Github仓库
      • 仓库名就直接复制粘贴刚才新建的仓库名就可以，复制下来把/符号两边的空格删掉
      • 分支名：main
      • Token：setting—>开发者设置—>个人token—>创建新Token

        把生成好的Token复制粘贴进来就可以
      • 存储路径(这是图片在你Github仓库的位置)：img/
      • jsDelivr充当CDN
        获取CDN地址
        选取第一个地址规则，把user和后面的都删掉改成你的仓库名
        之前我没有配置过这个域名，图片传上去打开博客能正常显示，加上这个域名之后，挂梯子就打不开网页了，我删除规则之后能打开，但是之前用这个规则存储的图片所在的页面是无法访问的，所以😶‍🌫️
  • 2022.04.10纠正
    关于CDN，之前我没有搞清楚是用来做什么的，今天专门去查了一下，直观上讲是用来提高加载速度，之前加上CDN的加速域名后无法访问是由于我在写这篇博客之前一直都是没有使用CDN加速的，配置了CDN之后图片的存储规则发生了更改，导致之前的文章也好，博客的配置文章也好，原来的存储的图片链接失效了，所以无法访问。今天晚上提溜着蒜瓣脑袋把所有图片改成了使用CDN加速之后的新地址，目前为止，本地预览正常。
  • 所以，那个CDN规则看个人喜好吧，但是千万不要一开始没加，过了一阵子又加上，会秃头的😒😒😒

写在结尾

至此，我们已经完成整个图床的搭建，可以开始快乐地玩耍了，后续我会再介绍基于图床的其他用途（如有时间写的话…）。如在搭建过程中有如任何问题也可以在评论区评论与我沟通哦～

  • 2022.06.09
    cdn更新，cdn.jsdelivr.net 改为 fastly.jsdelivr.net
  • 2022.07.10
    将PicGo图床服务器从Github转到七牛云因为国内访问Github实在是太慢了博主又是个有那么一点精神洁癖看着显示不出来的图片看这巨难受（主要是不会鼓捣CDN加速🥲）
    参考教程地址
    换地址还是蛮简单的。