工具 | Typora+PicGo+SM.MS（Windows 10）

写在前面：

也许你正需要一款像 Typora 的 Markdown编辑器，也许你需要一个像 SM.MS 的免费图床，本来就来介绍如何在 Windows 10操作系统 上，实现 Typora上传图片（借助PicGo）至SM.MS图床。

由于步骤较多的缘故，本文的内容有些长，还请耐心看下去 ^_^

1. 获取Typora：

首先，我们需要下载 最新版（0.9.86 beta）的Typora编辑器，可以在Typora的 官网 上进行下载。

Typora 官网

进入Typora的官网，可以看到Typora 支持MAC、Windows、Linux 三大PC主流操作系统，这里我选择Windows。

下载完成后，我们对Typora进行安装即可（篇幅原因，这里不再赘述安装过程）。

2. 获取PicGo：

接着我们需要安装PicGo，可以在 Github 上进行下载，但是因为国内的原因，下载GIthub可能会很慢。

所以，这里提供蓝奏云的下载链接（针对Windows操作系统）：

• PicGo 2.2.2
• PicGo 2.3.0-beta.0

这里我选择使用 PicGo 2.2.2 版本，而没有使用 PicGo 2.3.0-beta.0版本。

3. 获取插件 smms-user：

网上很多人在用Typora上传图片时，都是直接使用sm.ms，但是我在实际使用的时候，无法成功下载。因此我们需要使用PicGo来代替（这也就是为什么前文要下载PicGo的原因）。

下载并安装上PicGo后，要使用SM.MS图床，我们还需要安装 smms-user 插件。

其中一种安装方法是直接在PicGo的 插件设置 中搜索 smms-user，然后直接安装。但是，这种方法我试了一下，下载速度很慢（这跟访问Github速度慢 “异曲同工” ），并不可以成功下载（图片中我已经安装好了 smms-user 插件）。

搜索插件 smms-user

在线安装 不了插件 smms-user，那我们怎么办呢？

在插件 smms-user 的 Github上面，还介绍了一种 离线安装 的方法，我也是通过离线安装上的插件smms-user。

离线安装 smms-user 的流程如下：

① clone smms-user：

首先，我们需要同构Github将插件smms-user项目clone下来（如果使用 正常的Git 来进行clone，可能会很慢，这里推荐大家使用 PortableGit 来进行clone）。

clone之后得到 picgo-plugin-smms-user 文件夹：

② 下载NodeJS：

要下载NodeJS，否则安装插件运行 npm install ./picgo-plugin-smms-user 时会出现如下报错：

'npm' 不是内部或外部命令，也不是可运行的程序

下载NodeJS的网址是：http://nodejs.cn/download/

③ 设置环境变量：

下载完NodeJS之后，要设置环境变量，在 Path 中加入路径 C:\Program Files\nodejs（注：此路径为安装路径，可变）。

更改环境变量见：设置Python环境变量-Windows10

④ 安装smms-user插件到PicGo：

将clone之后得到的 picgo-plugin-smms-user 文件夹放到PicGo的安装路径 C:\user\Appdata\Roaming\picgo 下：

鼠标选中文件夹 picgo-plugin-smms-user，按住 shift 键之后点击鼠标右键，再点击 在此处打开Powershell窗口，就可以进入shell了。

接着在 Powershell 中，输入命令 npm install ./picgo-plugin-smms-user 即可。

——参考：CSDN：[工具] PicGo + smms 构建图床

4. PicGo中设置smms的stoken：

进入SMMS 网址，获取 Secret Token（未注册的用户需要用 邮箱注册）。

接着，将生成的Secret Token复制到PicGo中：

然后，在PicGo的 插件设置 中，选择插件smms-user 左下角 的设置，点击 配置plugin-smms-user 和 配置uploader-smms-user。

5. 测试：

回到Typora编译器中，选择 “文件 -> 偏好设置 -> 图像”，如图进行配置，最后点击 验证图片上传选项。

如果出现下面图片的情况，则说明已经配置成功了。

此时可以尝试上传文件至SM.MS，如下图所示。

成功上传

6. 总结：

① 踩坑：Failed to fetch

在 验证图片上传选项 时，可能我们会遇到 Failed to fetch 的错误，如下图。

Failed to fetch

这个时候，我们需要打开PicGo的 PicGo设置，查看 PicGo-Server 的端口号是否为 36677（通常此时的端口号并不是 36677），必须确保其端口号为 36677。

在Typora的 Upload Images文档 中，规定 PicGo的版本要大于等于 2.2.0，且要启用端口号为 36677 的PicGo-Server。

——图片来源：Upload Images文档

② 其他的坑：

如果有遇到其他的坑，可以参考这篇 文章（这里不过多地赘述）。

③ 所需工具汇总：

• Typora编辑器：https://typora.io/

• SM.MS 图床：https://sm.ms/

• PicGo：
  Github
  蓝奏云：PicGo 2.2.2
  蓝奏云：PicGo 2.3.0-beta.0

• PicGo的 SM.MS 插件：https://github.com/xlzy520/picgo-plugin-smms-user

• NodeJS：http://nodejs.cn/download/

当然，PicGo还提供了其他的很多插件，具体的使用方法还待摸索，感兴趣的可以去 Github 看一看。

PicGo 各类插件

写在最后：

参考资料：

• CSDN：[工具] PicGo + smms 构建图床

• 知乎：手把手教你用Typora自动上传到picgo图床【教程与排坑】

• ：Typora+PicGo实现自己的图片自动上传教程

• CSDN：如何让你的Typora更好用

弄了好几个小时，总算是成功在 Windows 10操作系统 上实现了 Typora上传图片（借助PicGo）至SM.MS图床。