美文网首页
工具 | Typora+PicGo+SM.MS(Windows

工具 | Typora+PicGo+SM.MS(Windows

作者: 0与1的邂逅 | 来源:发表于2020-05-12 17:22 被阅读0次

    写在前面:

    也许你正需要一款像 TyporaMarkdown编辑器,也许你需要一个像 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,那我们怎么办呢?

    在插件 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文档

    ② 其他的坑:

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

    ③ 所需工具汇总:

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

    PicGo 各类插件

    写在最后:

    参考资料:

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

    相关文章

      网友评论

          本文标题:工具 | Typora+PicGo+SM.MS(Windows

          本文链接:https://www.haomeiwen.com/subject/tixbnhtx.html