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

下载好之后会出现一个 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 文档中

尾声

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

最近更新

  1. TCP协议是安全的吗?

    2024-04-08 09:14:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-08 09:14:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-08 09:14:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-08 09:14:03       20 阅读

热门阅读

  1. Golang基础-9

    2024-04-08 09:14:03       15 阅读
  2. spring介绍

    2024-04-08 09:14:03       17 阅读
  3. 鼎盛合方案设计——汽车轮胎气压监测方案

    2024-04-08 09:14:03       15 阅读
  4. 全球化业务的网络安全挑战

    2024-04-08 09:14:03       16 阅读
  5. gcc/g++:预编译阶段查看模块生成目标的直接依赖

    2024-04-08 09:14:03       15 阅读
  6. 【c++20】金山云liuguang引擎

    2024-04-08 09:14:03       14 阅读
  7. MongoDB数据库服务

    2024-04-08 09:14:03       15 阅读
  8. 每日一题:三数之和

    2024-04-08 09:14:03       15 阅读
  9. [AIGC] Spring Interceptor 的执行顺序是怎样的?

    2024-04-08 09:14:03       14 阅读