【开发工具】最强MarkDown编辑器Typora+图床七牛云实现图片自动上传

推荐阅读

一、前言

Typora
首先介绍一下Typora,最强Markdown编辑器,风格简约,功能强大,特别是支持图片复制粘贴,现在又有了图片自动上传服务器返回url的功能了,再也不用先上传图片到图床,然后再去引用图片了。

七牛云
七牛云,强推荐,免费,注册认证给10G永久免费空间,好良心呀,有免费SSL证书。
七牛云30天会收回测试域名,所以你需要有自己的域名,并且绑定。

二、效果展示

在这里插入图片描述
自动上传到图床,并且返回url。
好方便啊有木有。

三、正文

3-1、Typora软件的设置

首先打开Typora,选择“文件→偏好设置→图像”:
在这里插入图片描述
跟着步骤进行操作:
在这里插入图片描述
等待下载完毕,点击打开配置文件,将下面内容复制进去:

{
    "picBed": {
      "uploader": "qiniu",
      "qiniu": {
        "accessKey": "",
        "secretKey": "",
        "bucket": "", // 存储空间名
        "url": "", // 自定义域名
        "area":  "", // 存储区域编号
        "options": "", // 网址后缀,比如?imgslim
        "path": "img/" // 自定义存储路径,比如 img/
      }
    },
    "picgoPlugins": {}
}

在这里插入图片描述
接下来,就需要注册七牛云,然后将每个参数都补充完整。

3-2、七牛云的注册

3-2-1、注册账号

首先进入官网https://www.qiniu.com/注册账号:
在这里插入图片描述
下一步:
在这里插入图片描述

3-2-2、实名认证

然后进行实名认证https://portal.qiniu.com/user/profile
在这里插入图片描述

3-2-3、绑定域名

如果有自己的域名就绑定自己的域名,如果没有域名,就可以用测试域名,但是测试域名7天就回收了,就不能用了,最好有自己的域名:
在这里插入图片描述
域名的申请https://console.bce.baidu.com/bcd/#/bcd/overview
在这里插入图片描述
价格都不太一样,买完还需要进行域名备案,备案还挺麻烦的,我申请了很多次才通过了:
在这里插入图片描述
不过基本1-3周也能搞定。

3-2-4、新建空间

进入控制台后,点击空间管理,https://portal.qiniu.com/kodo/bucket,然后点击新建空间:
在这里插入图片描述
储存空间名称和储存区域需要记下来,后面要用到:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

3-3、参数补充完整

下面就需要进行参数补充:

{
    "picBed": {
      "uploader": "qiniu",
      "qiniu": {
        "accessKey": "",
        "secretKey": "",
        "bucket": "", // 存储空间名
        "url": "", // 自定义域名
        "area":  "", // 存储区域编号
        "options": "", // 网址后缀,比如?imgslim
        "path": "img/" // 自定义存储路径,比如 img/
      }
    },
    "picgoPlugins": {}
}
accessKey、secretKey

点击右上角头像,选择密匙管理:
在这里插入图片描述
将下面参数复制粘贴到指定字段后:
在这里插入图片描述

bucket、area

在这里插入图片描述
bucket=储存空间名称
area=储存区域,填入存储区域的编号即可

url

点击空间管理,点击域名管理:
在这里插入图片描述
协议+域名就是url字段的值:

比如我的是:
http://cdn.qq764424567.top

如果是HTTPS协议,那么就是:
https://cdn.qq764424567.top

总体如下:
在这里插入图片描述

3-4、测试上传图片

3-4-1、上传成功字样

打开Typora,选择验证图片上传选项:
在这里插入图片描述
出现成功上传图片的字样说明成功了:
在这里插入图片描述

3-4-2、错误解决

当然,也可能出现以下错误:

613 错误

在这里插入图片描述
这个是你存储空间的名称写错了,在检查一下存储空间的名称。

400 错误

在这里插入图片描述
这个是存储区域错误,看一下编号是不是写错了。
在这里插入图片描述

401 错误

在这里插入图片描述

这个是accessKey或者secretKey填入错误。

平台标识错误

在这里插入图片描述

uploader:
qiniu:七牛云
gitee:码云
aliyun:阿里云

这个参数不要写错了

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

恬静的小魔龙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值