最强MarkDown编辑器Typora+图床七牛云实现图片自动上传

Posted 2021-08-06 恬静的小魔龙

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了最强MarkDown编辑器Typora+图床七牛云实现图片自动上传相关的知识，希望对你有一定的参考价值。

推荐阅读

CSDN主页
GitHub开源地址
Unity3D插件分享
简书地址
我的个人博客
QQ群：1040082875

一、前言

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": {}
}