【工具篇】1.Markdown第一步，解决图床问题（PicGo + Gitee）

Markdown第一步，解决图床问题（PicGo + Gitee）

最近有点时间打算写点技术博客，还在纠结该写点啥的时候，想到Markdown图床还没解决呢，那干脆就把怎么解决Markdown图床当成这第一题吧，也可以给一些新手Markdown小伙伴一点点帮助，那接下来马上开始。

1 为什么 Markdown 要用图床呢？

Markdown使用图床的主要原因是为了方便图片的管理和展示：

1. 避免本地图片路径问题：如果你在Markdown文档中插入本地图片，一旦图片在本地的位置发生变化，文档中的图片链接就会失效。使用图床可以避免这个问题，因为图片链接是固定的URL。
2. 提高加载速度：图床通常使用CDN（内容分发网络）来加速图片的加载速度，这样可以提高文档在不同网络环境下的访问速度。
3. 方便分享和协作：使用图床可以确保在不同设备和平台上查看文档时，图片都能正常显示，这对于团队协作和在线分享非常重要。（比如这篇文章内的内容，我可以非常方便的分发到各个平台发布，不需要担心图片的链接访问问题）

2 Markdown 图床的选择

图床的选择可以说非常非常多，但也都伴随着这各种各样的问题。对于一个软件开发人员、博客作者或者经常编辑一些公众号之类的人来说，我觉得图床使用过程中最重要的一点就是：无感，说到底工具类软件或技术还是要用起来顺手，最好可以意识不到它的存在。我搜罗了一下目前比较主流的一些图床站点，各有优缺点吧，可以说很少有做到完美的。

图床站点缺点罗列，每个站点都一个或多个缺点，有兴趣的也可以自己研究下

• 收费
• 限速
• 限制单张图片大小（普遍在5M ~ 10M）
• 广告
• 存储容量限制
• …

经过综合对比和试用，最终还是选择

PicGo + Gitee

的方式来实现，虽然无法完全解决上面的所有问题，但已经是一众解决办法中比较好用得啦。那下面开始详细介绍具体使用方法。

3 PicGo + Gitee 图床实现步骤

3.1 Gitee Token（私人令牌） 获取

1. 登录 https://gitee.com/login
2. 登录完成后点击右上角头像，进入设置
3. 设置页面点击私人令牌
4. 输入令牌描述，全选权限，提交并复制令牌信息（忘记保存的话可以重新生成的）

3.2 Gitee 图床仓库创建

1. 进入 Gitee 我的仓库页面，点击新建仓库
2. 自定义一个仓库名称，仓库类型选择开源，顺手记录一下框选部分的仓库地址
3. 点击创建仓库
4. 仓库创建完成后，在根目录创建一个img文件夹，点击提交

3.3 PicGo安装

1. 通过下面的地址,进入 release,下载 PicGo

https://github.com/Molunerfinn/PicGo

2. 根据自己的机器选择合适的版本下载安装

3.4 安装Node.js 和 gitee-uploader 插件

1. 安装 gitee-uploader 插件的前提是 必须要安装 Node.js,所有我们先通过下面的地址安装 Node.js（安装步骤就赘述了，非常简单）

https://nodejs.org/en/

2. Node.js 安装完成后，通过下面的命令验证一下

node -v

3. 验证过没有问题，就可以打开 PicGo 安装插件了，打开 PicGo的插件设置菜单，搜索 gitee，安装版本号是 1.1.2这个就可以了

4.gitee-uploader 插件安装完成后，要重启一下 PicGo才可以生效哦

3.5 PicGo 图床配置 + 快捷键配置

1. 点击 PicGo 中的图床设置菜单，选择最后一项gitee
2. 下面就开始设置图床配置啦

• 3.1 中生成的私人令牌填写到token输入框中
• 3.2 中复制的仓库地址（框选部分）填写到repo输入框中
• branch 默认使用 master 分支
• path 填写我们上面创建的文件夹名称img
• customPath 选择 年月 就可以

1. 全部填写完成，点击确认，并设为默认图床（很重要）
2. 设置 PicGo 快捷键（挑选一个自己觉得顺手的快捷键，我的是：Command+U）
3. 调整 PicGo 配置信息，打开下面的三个开关

大功告成，我们的图床和工具就全部完成了，快去试一试吧！！！

• 第一步：截图并复制
• 第二步：使用PicGo快捷键上传截图
• 第三部：上传成功后 PicGo 会自动把图片链接放到剪贴板内，直接 Ctrl+V 就可以把图片放置到 Markdown 里面啦