ue编辑器拖拽上传图片_Typora + PicGo打造超好用的Markdown编辑器

工欲善其事必先利其器，既然决定要写作啦，一个好用的编辑器是必不可少的工具。相信作为一个程序员，大家应该也都比较了解Markdown语法，经过重重对比，我选定了Typora来作为Markdown编辑器。而PicGo又是什么呢？它是一个用于快速上传图片并获取图片URL链接的工具。我们在用Markdown的时候，估计最痛苦的就是如何上传图片，放到本地的话，无法远程预览，传到第三方获取链接在插入又费时费力，这里使用Typora + PicGo + 七牛云存储，可以轻轻松松解决这些问题。

Typora介绍

Typora将给你作为一个读者和作家的无缝体验。它删除了预览窗口、模式切换程序、标记源代码的语法符号以及所有其他不必要的干扰。将它们替换为真正的实时预览功能，以帮助您专注于内容本身。官方介绍视频如下：

Typora上传图片可以直接使用ctrl +v 进行复制，但是Markdown引用的路径是本地，如果想上传到自己打造的图床，就用到了下面介绍的PicGo。

PicGo介绍

PicGo: 一个用于快速上传图片并获取图片URL链接的工具

PicGo 本体支持如下图床：

• 微博图床 v1.0 微博图床从 2019 年 4 月开始进行防盗链，不建议继续使用

• 七牛图床 v1.0

• 腾讯云 COS v4\v5版本 v1.1 & v1.5.0

• 又拍云 v1.2.0

• GitHub v1.5.0

• SM.MS v1.5.1 由于官方不再支持V1版本，暂时请使用smms-user插件

• 阿里云 OSS v1.6.0

• Imgur v1.6.0

特色功能

• 支持拖拽图片上传

• 支持快捷键上传剪贴板里第一张图片

• Windows和macOS支持右键图片文件通过菜单上传 (v2.1.0+)

• 上传图片后自动复制链接到剪贴板

• 支持自定义复制到剪贴板的链接格式

• 支持修改快捷键，默认快速上传快捷键：command+shift+p(macOS)| control+shift+p(Windows\Linux)

七牛云目前用户认证可以有免费10G的空间进行使用，只需要绑定自己服务的域名，就可以免费使用，在用户中心找到自己的AcessKey 和SecretKey进行配置，然后测试上传图片

Typora和PicGo结合

打开typora，点开左上角文件，选择偏好设置

1. 设置插入图片时为【上传图片】

2. 勾选【对本地位置的图片应用上述规则】

3. 在上传服务中选择“PicGo(app)”

4. 在路径中选择picgo安装目录PicGo.exe

   

常见问题

问题一：Failed to fetch

这个错误一般是由端口设置错误造成的，打开picgo设置，点击设置Server选项，将端口改为36677端口，这是PicGo推荐的默认端口号，然后保存，成功。

问题二: PicGo cannot read property 'body' of undefined

这个错误一般是由于，PicGo设置的七牛云存储配置出错，导致没有拿到返回的body。再仔细检查一下自己PicGo图床的设置，改成正确的配置即可。