GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!

前言

  在写博文时,总会有需要插入图片的时候。亦或是个性化主题的时候,也总会引用或是需要许多图片。如都放在本地的话,博客的体积会随着时间变得越来越大,拖累速度。图床——自然而然的就变得不可或缺起来了。但是呢,网络上有些图床看起来确实不错,但是你图片存在与否的这一权利就决定在服务厂商手里,为了手握生杀大权,那就来折腾一个属于自己的图床吧~


操练起来

准备工作

  首先你需要一个 GitHub 账号不会吧,还有人没有 GitHub 账号?那还愣着干啥?赶紧去注册一个呀! PicGo 的 git 仓库:https://github.com/Molunerfinn/PicGo ,进入网站下载对应你所以需要的版本然后安装,这里以 Windows 为例。
$emsp; 登录GitHub,点击左上角的 new 或者右上角的 + 号创建一个新的仓库。然后填写仓库信息。例如我就创建了一个 my-picgo 的仓库。这里需要特别注意,仓库的设置为 Public 因为后面通过客户端访问算是外部访问,因此无法访问 Private ,这样的话图片传上来之后只能存储不能显示。所以要设置为 Public
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!
首先打开 GitHub ,在右上角点击头像右边的小三角,找到 Settings 并点击;然后在再找到并点击 Developer settings ;创建一个 tokens 。创建 token 时,
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!
然后复制生成的一串字符,这个token只出现一次,最好保存一下。
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!

配置PicGo

安装插件

  安装并打开 PicGo ,界面将会是如下图所示:
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!
  虽然说 PicGo 已经内置了 GitHub 的支持,但是在此还是推荐大家一个插件:github-plus 。相比于原版来说,这款插件提供了更多的操作:删除操作同步、可以同步GitHub里图片的记录、支持 gitee 等。
  项目地址为:https://github.com/zWingz/picgo-plugin-github-plus ,当然我们不需要去项目地址去下载,只需要点击 PicGo 的插件设置,并搜索 github-plus,就可以看到插件啦!不过安装的时候有时候可能会比较慢,要耐心等一下
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!

配置插件

;安装好后就开始配置插件啦,图床设置 找到 githubPlus 开始设置图床。
GitHub搭配PicGo,构建出你自己图床,再也不用担心自己的图片丢失啦!

  • repo 你的仓库名
  • brach 分支,默认 master
  • token 就是刚刚复制的那一串字符
  • path 路径,例如:我填写 img ,我的仓库中就会有一个img的文件夹存放我的图片
  • customUrl 自定义url,由于GitHub在国内的访问速度比较慢可以使用 jsdelivr 进行cdn加速,格式一般为: https://cdn.jsdelivr.net/gh/user/[email protected]/file
  • origin 支持选择gitee,具体教程可以百度一下,大致与此一样的。虽然说gitee速度可能比GitHub的要好,但是似乎每个免费仓库的容量最大为500M.

  教程就到这里啦!如果还有不懂的,或是出现了什么问题都可以评论区见呀!✊也可以关注一下我的博客:https://jiangduanduan.club