写在前面:
也许你正需要一款像 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版本。
3. 获取插件 smms-user:
网上很多人在用Typora上传图片时,都是直接使用sm.ms,但是我在实际使用的时候,无法成功下载。因此我们需要使用PicGo来代替(这也就是为什么前文要下载PicGo的原因)。
下载并安装上PicGo后,要使用SM.MS图床,我们还需要安装 smms-user
插件。
其中一种安装方法是直接在PicGo的 插件设置
中搜索 smms-user
,然后直接安装。但是,这种方法我试了一下,下载速度很慢(这跟访问Github速度慢 “异曲同工” ),并不可以成功下载(图片中我已经安装好了 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
即可。
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
的错误,如下图。
这个时候,我们需要打开PicGo的 PicGo设置
,查看 PicGo-Server
的端口号是否为 36677
(通常此时的端口号并不是 36677
),必须确保其端口号为 36677
。
在Typora的 Upload Images文档 中,规定 PicGo的版本要大于等于 2.2.0,且要启用端口号为 36677 的PicGo-Server。
——图片来源:Upload Images文档
② 其他的坑:
如果有遇到其他的坑,可以参考这篇 文章(这里不过多地赘述)。
③ 所需工具汇总:
Typora编辑器:https://typora.io/
PicGo的 SM.MS 插件:https://github.com/xlzy520/picgo-plugin-smms-user
NodeJS:http://nodejs.cn/download/
当然,PicGo还提供了其他的很多插件,具体的使用方法还待摸索,感兴趣的可以去 Github 看一看。
PicGo 各类插件
写在最后:
参考资料:
弄了好几个小时,总算是成功在 Windows 10操作系统 上实现了 Typora上传图片(借助PicGo)至SM.MS图床。
网友评论