Typora+PicGo+OSS解决本地博客上传服务器后图片丢失问题！

喜欢写博客的同学一定知道Markdown，它是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。由于Markdown的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。

如国内知名的CSDN社区使用的就是Markdown语言，Markdown文本编辑器有很多，如Mou、MarkdownPad、Typora、Atom等，而其中Typora是非常出名的Markdown编辑器，它以极致简洁的设计理念呈现在博客爱好者的面前，可以真正的做到即时预览。

一般来说，博主都是在本地上写好博客，然后将本地的博客部署到服务器上以供用户在线浏览，但是这样会有一个问题，如果不做特殊的配置，本地博客中出现的图片上传至服务器上后图片的地址会出现错误，导致博客中图片无法正常访问，对于这个问题，可以将图片上传到图床上得到该图片的公网地址，直接用公网地址访问。

图床有很多，比如免费的七牛云、SM.MS等，收费的阿里云OSS存储桶，个人比较习惯使用阿里云OSS，相比其他来讲性价比还是比较高的。下面讲讲如何配置Typora使得在本地编写博客插入图片时可以直接将该图片上传至阿里云OSS存储桶中，并且该图片是以公网地址的方式渲染到本地博客中。

有两种方法：

• 通过Typora内嵌的PicGo-Core(command line)
• 通过客户端PicGo(app)

PicGo-Core(command) 个人比较推荐

创建Bucket

• 进入阿里云官网，在控制台中找到阿里云OSS

• 点击Bucket列表，点击创建Bucket

• 填写Bucket名称，选择存储类型等信息，注意读写权限选择公共读

  

• 进入刚刚创建好的markdown-kriyaa存储桶，进入文件管理新建目录

  

• 创建好文件夹后，给该文件夹授权

  

• 点击新增授权，按照下方图片的格式设置参数

• 此时Bucket的设置就完成了，我们还需要为该图床的创建一个子用户来管理它，其实使用主用户也行，但是作为图床没必要使用太大的权限，点击权限管理–>找到访问控制RAM前往控制台

• 点击用户，在该页面下点击创建用户，按照下图设置创建用户

• 用户创建完成后，会生成Access ID和Access secret，可以点击复制保存起来，后面做参数使用。

• 创建完成之后，还要对该用户添加权限

此时，阿里云OSS存储桶设置就完成了，接下来就是配置Tyora

配置Typora

• 打开typora,进入偏好设置，即打开–>偏好设置

• 进入到图像设置界面，将插入图片使设置为上传图片，选择对本地位置的图片应用上述规则，在上传服务上选择PicGo-Core(command line)

  

• 点击打开配置文件，此时会用记事本打开该配置文件

  

• 将上面我们新建的子用户的keyId、keySecret、存储桶名称、地区、文件夹名以及公网url填写到配置文件中

  

完整的配置如下：

{
	"picBed": {
		"uploader": "aliyun",
		"aliyun": {
			"accessKeyId": "",//子用户的accessKeyId
			"accessKeySecret": "",//子用户的accessKeySecret
			"bucket": "", // 存储空间名
			"area": "", // 存储区域代号
			"path": "", // 自定义存储路径
			"customUrl": "", // 自定义域名，注意要加 http://或者 https://
			"options": "" // 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+
		}
	},
	"picgoPlugins": {}
}

Typora的配置就完成了，接下来可以使用自带的测试方法进行测试

测试

• 点击验证图片上传选项

  

• 如果得到以下结果则成功

客户端PicGo(app),需要下载PicGo的客户端

这种方法更加的繁琐，但跨平台性更好，其他Markdown编辑器也可以使用

• 下载PicGo客户端，具体的下载地址已给出

PicGo百度云地址：https://pan.baidu.com/s/1QJ9B6jhCV5ZW0J_TUf4l-g

提取码：zr22

• 安装PicGo，具体的安装就不详细说了
• 配置客户端，其实和上面的一样

• 在Typora中选择PicGo(app)

• 测试，和前面一样，不在赘述

感谢你的阅读，如果觉得对你有帮助，长按下方二维码关注公众号，你的关注是我更新最大的动力！