图床搭建

一.为什么要搭建图床

  1. 我们日常写博客时,如果只是将图片复制粘贴进typora 中,图片会在本地本地备份一份,如下图所示:

    image-20211023213845611

    所以这就造成,当我们想向其他人分享我们所写的内容时,就必须要带着图片一起分享,除此之外还会有路径的问题。

  2. 跟上面是一样的道理,如果有一天,我们把本地的图片误删了,那那些所依靠这些图片的markdown文档就会出现问题。

  3. 当我们想把所写的博客分享到相关的平台上去,会更加的方便(大多数平台都会提供一键上传功能)。

二.搭建图床前的准备

我们使用的方法是 typora + PicGo + gitee。

  • 需要有一个gitee账号。
  • 因为PicGo下载插件需要有npm支持,所以我们需要node环境。
  • 下载并安装PicGo

1.gitee

注册gitee账号,若已有账号请从第3步开始。

  1. 进入官网点击注册:

    image-20211023215642374

  2. 输入相关信息进行注册:

    image-20211023215820057

  3. 创建一个新的仓库:

    image-20211023220729125image-20211023221236692

    注意 路径只允许包含字母、数字或者下划线(_)、中划线(-)、英文句号(.),必须以字母开头,且长度为2~191个字符

  4. 创建token ->相当于你上传所需的密码:

    image-20211023221728545

    image-20211023222219879

    image-20211023222440343

    2.node环境

  5. 进入下载官网,根据自己系统进行选择:

    image-20211023223107004

  6. 进行安装:

  7. 如有需要可进行相关配置,默认下载路径会在C盘.

    相关安装及配置可参考Node.js安装及环境配置之Windows篇

    3.PicGo的下载及安装

  8. 进入下载地址,选择相应版本:

    image-20211023223742939

  9. 进行安装。

  10. 安装gitee插件

    • 打开安装好的PicGo

    • 点击插件设置

    • 在搜索框中输入gitee

    • 进行插件安装

      image-20211023224233692

    三.相关配置

1.PicGo配置

  • 重启PicGo

  • 点击图床设置

  • 点击gitee

  • 输入相关信息:

    image-20211023225034477

  • 点击确定

  • 点击设为默认图床

2.typora配置

  • 打开typora

  • 点击文件

  • 点击偏好设置:

    图床搭建

  • 点击图像:

    image-20211023225727324

  • 进行测试:

    image-20211023225930260

    若不成功可以多试几次

    也可以直接将图片复制进markdown文档中,看是否会上传成功:

注意

  • 在这个图床上,你所上传的所有图片都是任何人可见的
  • 如果出现相关软件下载不了的情况下,请参考阿里云盘链接