使用Github+PicGo搭建个人图床

写在开头

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

• 图床就是把图片存到服务器上，通过一个公开的链接地址进行访问或者下载
• 平时我们将图片夹杂在文章、文档、公众号、博客当中，一般情况下这样似乎没有任何问题，可试想一下若我们需要同时维护多份，不停地在不同渠道重复上传、编辑，图片也会散落各地，难以维护管理，这时候若有个统一的存储地方就可以很轻松维护。
• 我们将图片直接放到在线静态页面当中的话，在访问时需要等待全部资源加载，然而一般页面都是图片较大。当我们将图片分离后异步加载，再通过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和后面的都删掉改成你的仓库名
      之前我没有配置过这个域名，图片传上去打开博客能正常显示，加上这个域名之后，挂梯子就打不开网页了，我删除规则之后能打开，但是之前用这个规则存储的图片所在的页面是无法访问的，所以️

写在结尾

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