PicGo + Gitee + VsCode - 搭建私人图床

前言

• 本人是一个重度 vimer，并且喜欢客制化一些东西…  Typora 固然好用，但不支持 vim…
• 发现 vscode 中既可以使用 vim，也可以 md，用起来比较舒服.
• 因此这里就搭建一个图床供 vscode 写博客使用.

搭建图床

VsCode 安装插件

a) 安装 MD 插件:

• Markdown All in On
• Markdown Preview Github Styling
• Markdown PDF

b) 安装 PicGO 插件:

• PicGO

安装 PicGo

a) 进入官网，点击免费下载：https://molunerfinn.com/PicGo/

b) 找到正式版本(非 beta)，比如目前最高正式版 2.3.1，找到之后，展开所有资源

c) 下载好之后，打开软件安装，一路 next 即可

d) 安装 gitee-uploader 1.1.2

c) 安装失败怎么办？ 出现这个问题，要么是没有权限，要么是后台通过 npm 命令下载太慢了.

解决的办法: 进入到你的 PicGo 安装目录下(PicGo.exe 所在目录)，运行如下命令:

cnpm install picgo-plugin-gitee-uploader
1

下载好之后会出现一个 node_modules 文件夹

进去之后，里面有一个刚安装好的插件

打开 PicGo，在 插件设置 中点击导入本地插件，选中 picgo-plugin-gitee-uploader 文件夹即可.

准备 Gitee 图床

a) 初始化仓库: 在 Gitee 中创建仓库，专门用来存放图片的(开源)，初始化 ReadMe 文件

b) 生成私人令牌: 点击右上角头像，进入设置中，找到如下私人令牌

然后点击右上角生成新令牌，随后自定义描述，点击确定即可，如下

Ps: 这个 token 要保存好，只有你第一次生成的时候会显示给你，后面就看不到了(过一段时间忘记了也没事，再生成一个就行…)

c) 回到 PicGo 设置图床：

• repo: 仓库位置. 进入仓库后，输入地址栏中的这个东西即可
• branch: 要提交的分支. 一般使用 master 即可
• token: 就是刚刚生成的私人令牌
• path: 仓库中的哪个文件路径(如果仓库下没有这个文件路径，将来会提交失败！因此需要自己手动创建)
• customPath: 提交消息，这一项和下一项customURL都不用填。在提交到码云后，会显示提交消息，插件默认提交的是 Upload 图片名 by picGo - 时间

测试

当你截了一张图之后，按快捷键(PicGo默认，也可以自定义): ctrl+shift+p，右下角就会显示上传成功，然后就会将你的图片链接自动放到粘贴板上，使用 ctrl+v 就可以把图片连接粘贴到 MD 文档中

尾声

未经过本人同意，禁止转载！
码字不易，记得三连支持哦~