使用PicGo快速搭建个人图床

  在经历过一段时间没有打理博客,在制作项目的过程中想回来回顾回顾以前做过的知识。但是突然发现以前写过的博客展示图不见了!!发现是之前用的一个图床崩了,导致我存在里面的图片全部无法访问,再加上自己没有保存博客图片到本地的习惯,就这样我永久失去了他,所以就下定决心搭建一个自己的图床避免这种情况再次出现。

消失的图片

材料准备

步骤

  1. 首先需要在Github上创建一个仓库用于存储图床的图片,创建好仓库后需要在设置中生成一个用于上传以及访问的token

    image-20220712164518427image-20220712164812701 image-20220712164936779 image-20220712165035317

    这里推荐将 repo、admin:org、gist勾上,上面选择过期时间。当然如果嫌麻烦的话可以设置不过期。点击生成按钮就会生成token了,需要注意的是这个token只会出现一遍,所以一定要将他记好

  2. 打开安装好的PicGo选择插件设置,搜索github-plus选择安装(这个插件的作用是在PicGo的相册中删除图片会同步删除Github仓库中的文件,而原版自带的Github图床没有这个功能)

    image-20220712170108399

    安装完成后选择图床设置,选择刚刚安装的githubPlus如果没有的话可以重启一下软件。随后在右边的框中填入相关信息。其中

    • repo填写 {你的Github用户名}/{Github图床仓库名字}注意/的左右两边没有空格
    • branch填写你想推到图床仓库的分支 默认填写master
    • token填写刚刚在github中获取的token
    • path填写上传图片后存在仓库中的目标文件夹 可不填写
    • customUrl用于绑定自己的域名或者CDN 可不填写
    • origin中选择图床仓库类型选择github (如果觉得github图片加载太慢可以放在在gitee上,实现原理应该一致)
    image-20220712170507944
  3. 随后点击确定以及设为默认图床。保存成功后可以点击上传区测试上传

    image-20220712171332581

    目前软件支持从文件、剪贴板、URL方式上传图片,软件默认上传成功后会将转换过后的链接自动复制到剪贴板中,可以在链接格式中选择转换后的格式形式

    image-20220712171810659

    或者上传之后可以在相册界面查看到之前上传的图片,点击第一个复制按钮可以复制在上传区中选择的格式的链接。

  4. (可选)  因为国内DNS的原因可能会导致Github图床的资源链接raw.githubusercontent被污染,导致无法显示图片,可以在customUrl中添上加速的CDN来避免这种情况的发生,这里我们使用的是jsdelivr(官网网站)使用方法是在customUrl中写上 https://jsdelivr.net/gh/{Github用户名}/{Github仓库名}@{分支名} 如我的链接是:https://cdn.jsdelivr.net/gh/BitterLemonn/BlogPicBed@master

  5. (可选)  因为平常写博客的md文件都是使用Typora编辑器的,惊奇的发现Typora可以与PicGo联动,可以做到将粘贴到编辑器中的图片自动通过PicGo上传到图床中。只需要在偏好设置中打开上传服务,选择PicGo即可。

    image-20220712172523279

后记

  当时翻之前的博客看某个功能如何实现的时候发现图片消失了真的气死了QAQ,随后查阅了一下如何搭建一个安全可靠的图床,没想到如此简单。于是马上着手搭建!!!


初めて会ったの日から 僕の心の全てを奪った