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

一、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或更高版本。

Typora更新日志

二、PicGo

1、下载PicGo

PicGo是一款图片上传工具，也是支持跨平台的。从PicGo官网上下载PicGo步骤：

下载PicGo

下载速度比较感人，还望大家耐心等待。下载成功后，直接双击安装即可，安装过程中，请记住安装的路径，因为后期在Typora中进行配置的时候需要使用路径。

2、下载node.js

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

下载node.js

3、安装gitee插件

现在打开安装好的PicGo，可以看到PicGo本体支持的图床共有8个，如果想要支持其他图床的话，就需要使用PicGo的插件功能。

PicGo支持的图床

这里关于图床的选择，大家因人而异，喜欢哪个就选择哪个，因为笔者使用的是基于gitee（码云）搭建的图床，优点是免费、访问速度快。所以笔者后面的说明都是基于gitee搭建的图床环境。点击插件设置，搜索gitee，出现两个插件，建议大家下载和笔者一样的gitee 1.2.2-beta，因为两个插件后续的配置稍有不同，但是大同小异。

插件下载

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

这时我们在图床设置中就可以看到Gitee图床的选项了。

4、设置Server

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

设置Server

三、搭建Gitee图床

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

1、创建一个repository（仓库）：

创建仓库

2、生成私人令牌

生成令牌

注意：

点击提交后，需要输入账户密码才能生成令牌

生成令牌后，请立即保存，因为令牌不会再次出现

四、PicGo中配置gitee图床

在PicGo中配置gitee图床的信息：

配置图床

填完之后，将其设为默认图床即可，接下来进行测试，点击上传区，可以通过点击选择图片上传或者剪贴板图片上传：

测试上传

观察是否成功，首先PicGo会有提示，其次去仓库上面检查图片是否上传成功：

图片上传成功

至此，PicGo可成功上传图片至gitee图床。

五、Typora中配置PicGo

打开Typora，点击格式-->图像-->全局图像设置：

Typora图像设置

按照下面图片中的设置进行选择：

设置Typora

设置完成后，点击验证图片上传选项，成功后，会有如下提示：

成功提示

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

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