声明本文转载自知乎,仅作留存,侵删

Typora 中设置PicGo 图床实现图片自动上传 - 知乎 (zhihu.com)

关于补充内容

因为smsm图床貌似ban掉了测试用的上传图片,所以会显示失败,可以自己尝试插入图片看看,是否上传成功。我这里是没有问题的。不过冒失smsm图传会有限制5gb,这个问题满了再说。

以下是报错内容,可见是被blocked了。

1
2
3
4
5
6
7

Error: This image has been blocked, please contact webmaster for more information.
at Object.We [as handle]
-------Error Stack End-------
2023-10-28 09:45:49 [PicGo INFO] [PicGo Server] upload result
2023-10-28 09:45:49 [PicGo WARN] [PicGo Server] upload failed, see picgo.log for more detail ↑

以下是原文内容


在众多 md 编辑器中,Typora 是大家公认的体验较好的写作软件之一,它最大的特点就是:所见即所得,无须分屏预览,或者开启新页面预览。那么Typora 中能不能直接粘贴图片后,就自动上传到图床呢?下面就来介绍如何配置,以及 PicGo 的使用。实现图片的自动上传。

Kogoal介绍了使用 SM.MS 这一种图床,其他图床的配置可以参考PicGo。

使用到的工具

SM.MS: 免费图床。

PicGo 开源的图片管理工具,可以自己上传图片到各种图床。

Typora: 写Markdown的神器,轻便简洁的Markdown编辑器,支持即时渲染技术。

安装步骤不分先后,建议按照上面顺序安装,因为存在token或者设置需要在后续的安装中用到。

1.注册SM.MS

SM.MS 图床用户注册,注册网站:https://sm.ms/

免费的用户空间是5G,如果是土豪朋友可以选择premium 价格是399 USD

新注册用户登录之后,点击左侧 API Token 点击 Generate Secret Token 然后复制保存,这个Secret Token 会在第二步PicGo中用到。

2、安装配置 PicGo

2.1 安装PicGo

点击此处下载PicGo 应用

Windows Windows 用户请下载最新版本的 exe 文件。

macOS macOS 用户请下载最新版本的 dmg 文件。

Linux Linux 用户请下载 AppImage 文件。

一路next后,安装完成后如下。

2.2 配置PicGo

设定token值

此处的Token值就是在SM.MS 上生成的Secret Token。点击确定。

2.3 安装插件

再安装插件之前,确保你已经安装了 Node.js,因为 PicGo 是使用 npm 来安装的。地址:https://nodejs.org/zh-cn

到 PicGo-插件设置里面搜索一个插件:picgo-plugin-smms-user,点击安装。

3、安装配置Typora

3.1 下载最新版本的 Typora

下载地址:https://www.typora.io/

3.2 设置图像上传

根据个人喜好,我把 Typora 的语言设置为简体中文。

Typora配置图床选项这里标注了三个红框:

  • 第一默认不是 上传图片 选项,下拉选择它;
  • 第二个红框建议两个都选择,这样你写作所用到的图片无论是本地上传还是网络图片,都会直接上传到你的图床;
  • 第三个红框是图床工具,选择刚过安装的PicGo的安装目录。

点击验证图片上传选项,会自动上传一张测试图片,如果提示成功上传图片并获得新的URL。证明上传成功。

Typora 中测试上传图片

在markdown文件中需要使用图片的地方,右键选择上传图片。点击后即可上传图片至图床。如果仔细看markdown的图片路径,就会发现已经从本地的路径变成了网页的路径。到这里说明我们的图床工具上传图片已经没有问题了,现在就可以在 Typora 中安心的码字了。

(本文为Typora完成)

KO Goal,Goal OK. 专注于提升工作效率。点击了解Kogoal更多。