Windows下采用Typora+PicGo搭建Markdown图床

1、Markdown和Typora

Markdown自己是一种简化写做的轻量级标记语言，它容许咱们使用易读易写的纯文本格式编写文档内容。愈来愈多的写做者开始使用Markdown进行创做，由于其语法简单，学习成本低，功能又比纯文本强大。

正在阅读此文章的读者，相信你必定对Markdown有所了解而且正在使用Markdown进行创做，若是尚未，但愿本文能有幸成为你接触Markdown的敲门砖。关于Markdown的学习资料，网上比比皆是，这里笔者就提供一个Markdown中文文档以供参考。

现在各大博客平台或者写做网站基本上都支持在线Markdown编辑器，虽然对于Markdown的支持已经比较完善，可是相信在线编辑Markdown的人都会有这样一个痛点：添加图片比较麻烦，须要一张一张地选择图片并进行上传。固然也有不少支持Markdown的本地文本编辑器，不论是Windows仍是Mac OS平台下，都有不少优秀的Markdown编辑器，其中不得不提的一款就是Typora，它是一款跨Windows、OS X和Linux的优秀编辑器，其漂亮的外观和简洁优雅的风格确实吸粉无数。笔者使用的本地Markdown编辑器就是Typora，笔者通常是用来记笔记和写博客。特别是写博客的时候，但愿能够一次编辑，而后发布到各大平台，可是本地图片就很差处理了，这个时候就须要图床来解决本地图片的难题。在Mac OS下，使用Typora + iPic（Mac OS自带的图床）能够很轻松的解决。可是在Windows下，就须要咱们本身选择图床。

图床：通常是指储存图片的服务器，这样咱们就能够经过Markdown外链的方式访问图片。

Windows下的Typora以前是不支持图片上传的功能，直到近期的0.9.84版本的更新才支持经过PicGo上传图片。因此请将Typora升级至0.9.84或更高版本。

2、PicGo

一、下载PicGo

PicGo是一款图片上传工具，也是支持跨平台的。从PicGo官网上下载PicGo步骤： 下载速度比较感人，还望你们耐心等待。下载成功后，直接双击安装便可，安装过程当中，请记住安装的路径，由于后期在Typora中进行配置的时候须要使用路径。

二、下载node.js

PicGo是基于electron-vue开发的，同时还支持插件系统以提供更强大的功能，而使用插件的前提是安装node.js环境，由于咱们后面设置图床的时候须要使用插件功能，因此咱们要先安装好node.js环境，直接从node.js官网上下载并进行安装便可：

三、安装gitee插件

如今打开安装好的PicGo，能够看到PicGo本体支持的图床共有8个，若是想要支持其余图床的话，就须要使用PicGo的插件功能。 这里关于图床的选择，你们因人而异，喜欢哪一个就选择哪一个，由于笔者使用的是基于gitee（码云）搭建的图床，优势是免费、访问速度快。因此笔者后面的说明都是基于gitee搭建的图床环境。 点击插件设置，搜索gitee，出现两个插件，建议你们下载和笔者同样的gitee 1.2.2-beta，由于两个插件后续的配置稍有不一样，可是大同小异。

注意：这里安装插件必须基于安装好node.js的前提下，不然安装不成功。

这时咱们在图床设置中就能够看到Gitee图床的选项了。

四、设置Server

点击PicGo设置-->设置Server，将监听端口设置为36677：

3、搭建Gitee图床

笔者这里选择Gitee搭建图床，由于其免费且访问速度快。首先去Gitee官网注册用户并登陆。

一、建立一个repository（仓库）：

二、生成私人令牌

注意：

• 点击提交后，须要输入帐户密码才能生成令牌
• 生成令牌后，请当即保存，由于令牌不会再次出现

4、PicGo中配置gitee图床

在PicGo中配置gitee图床的信息： 填完以后，将其设为默认图床便可，接下来进行测试，点击上传区，能够经过点击选择图片上传或者剪贴板图片上传： 观察是否成功，首先PicGo会有提示，其次去仓库上面检查图片是否上传成功： 至此，PicGo可成功上传图片至gitee图床。

5、Typora中配置PicGo

打开Typora，点击格式-->图像-->全局图像设置： 按照下面图片中的设置进行选择： 设置完成后，点击验证图片上传选项，成功后，会有以下提示：

注意：此处测试命令中使用的端口号是36677，因此前面的设置端口的用处就在于此。

如今在Typora插入图片时，就会自动将图片上传至gitee图床，而且自动将图片的外链地址设置为gitee仓库中的图片地址。这样就解决了使用本地Markdown编辑器处理图片的问题了。