Typora+PicGo-Core+七牛云配置Markdown图床

前言

MarkDown编写工具Typora之前文档中的图片仅存在本地,不便于分享和发布至网络。Typora0.9.9.32 (0.9.84) beta版本之后更好的支持图片编辑,我们可以通过此功能配置图片直接上传至图床。

Typora 0.9.9.32 (0.9.84) beta
New
Upload Images
Now Typora on all OS supports upload images. Previously, we only support integration with iPic on macOS, now we added support for uPic (macOS), PicGo-Core, PicGo.app (Chinese Language Only), and custom commands. So users in all operation system now have free options to upload images.

目前支持多种图床如smms/七牛云/腾讯云/阿里oss/GitHub图床等等,配置原理类似。由于七牛云注册会赠送10G对象存储空间、Github/smms网络较慢、云oss收费,所以暂时选择七牛云(七牛云长期使用仍需要自己购买域名,可选择购买一个便宜域名)

注册并配置七牛云

  1. 注册七牛云 注册
    Typora+PicGo-Core+七牛云配置Markdown图床_第1张图片
    注册完成后需要实名认证,认证完成后进入对象存储列表
  2. 配置对象存储空间
    对象存储–空间管理–新建空间
    Typora+PicGo-Core+七牛云配置Markdown图床_第2张图片
    新建空间选项,访问控制选择公开
    Typora+PicGo-Core+七牛云配置Markdown图床_第3张图片
    存储空间域名,新建空间后会默认给一个测试域名(30日内有效)。如果需要绑定自己的域名,则需要自行购买域名,并在域名管理里进行绑定。
    Typora+PicGo-Core+七牛云配置Markdown图床_第4张图片

配置PicGo-Core

  1. 在Typora-文件-偏好设置-图像中设置上传服务,选中PicGo-Core后点击【下载或更新】进行下载
    Typora+PicGo-Core+七牛云配置Markdown图床_第5张图片
  2. 下载完成后,打开配置文件,填入七牛云相关配置
    PicGo-Core使用文档
{
	"picBed": {
		"current": "qiniu",
		"qiniu": {
			"accessKey": "自己七牛云的accessKey",
			"secretKey": "自己七牛云的secretKey",
			"bucket": "自己七牛云的存储空间名称", // 存储空间名
			"url": "自己七牛云的存储空间域名", // 自定义域名一定要是http:// or https://开头
			"area": "z2", // 存储区域编号简称
			"options": "", // 网址后缀,比如?imgslim
			"path": "typora_img/" // 自定义存储路径,比如 img/,这里是因为七牛云存储不支持文件夹,只能使用这种名称中包含路径分割的形式来定义虚拟文件夹分区
		}
	},
	"picgoPlugins": {}
}

上述配置中的accessKey和secretKey,在七牛云个人中心–密钥管理中获取
Typora+PicGo-Core+七牛云配置Markdown图床_第6张图片
存储区域编号参考:七牛云存储区域
Typora+PicGo-Core+七牛云配置Markdown图床_第7张图片

存储区域 地域简称 上传域名
华东 z0 服务器端上传:http(s)://up.qiniup.com
客户端上传: http(s)://upload.qiniup.com
华北 z1 服务器端上传:http(s)://up-z1.qiniup.com
客户端上传:http(s)://upload-z1.qiniup.com
华南 z2 服务器端上传:http(s)://up-z2.qiniup.com
客户端上传:http(s)://upload-z2.qiniup.com
北美 na0 服务器端上传:http(s)://up-na0.qiniup.com
客户端上传:http(s)://upload-na0.qiniup.com
东南亚 as0 服务器端上传:http(s)://up-as0.qiniup.com
客户端上传:http(s)://upload-as0.qiniup.com
  1. 测试上传
    Typora+PicGo-Core+七牛云配置Markdown图床_第8张图片
  2. 设置插入图片时,对图片的操作
    Typora+PicGo-Core+七牛云配置Markdown图床_第9张图片

参考

  1. Typora官方文档-上传图片
  2. PicGo-Core文档
  3. 七牛云文档

你可能感兴趣的:(Markdown,markdown)