Typora + 七牛云图床快速配置，告别手动上传图片！

大家好，我是zeroing，本文将介绍关于 Typora 软件如何配置七牛云图床，实现图片即插即用，可以先看一下最终效果!

c演示

可以看到图片借助 Typora 软件自动将本地存储转化为第三方图片网络链接

在开始教程之前，先介绍一下 Typora 和七牛云，Typora 是一个 Markdown编辑器，用于 Markdown 文档编辑阅读，该软件目前是我写文档常用的软件

Snipaste_2020-12-19_11-13-14

软件除了对 Markdown 基本语法支持之外，也提供了许多主题模板，结合提供的主题模板，无需手动排版，只需要更改主题模板中的 CSS 样式即可排出一篇好看文章，而且只需设置一次即可

Snipaste_2020-12-19_11-09-33

关于 Markdown 语法不太清楚的小伙伴，可以百度了解一下

七牛云是一个企业级的云服务商，而本文只用到里面的图床工具，(图床一般指存储图片的服务器，把本地图片上传到服务器上生成 http/htpps 网页链接)；使用时需要购买对应云服务商的云存储空间，七牛云每个账号每月会有 10G 大小的免费存储，只要正常使用 10G 的存储空间足够用了(当然排除上传高清图片情况，一张几 MB 的那种)，不够的话后面可以购买

借助图床工具可将图片转化为网页链接，再利用 Markdown 语法将图片链接插入到文章中，不需要再把图片一张一张手动地上传到文章，节省了文章排版时间

为什么要选择七牛云呢？

其实选择阿里云、腾讯云云服务商也可以，只要服务器存储稳定就行；之前用的图床工具是借助谷歌的一个插件 新浪微博图床 ，这个插件是免费的(需要自己登录微博账号)，借助它把图片拖进窗口，插件可以自动将图片转化为网页链接，工具小巧简单也是一个不错的图床工具

Snipaste_2020-12-19_11-39-39

但这种工具存在下面几个缺点：

1，操作相对繁琐；例如我想上传一张图片我需要下面几个步骤：
- 1，打开插件，
- 2，拖动图片，
- 3，登录账号，
- 4，复制 Markdown 链接，
- 5，将步骤 4 中的链接粘贴到 Markdown 语法中；
  
  上传一张图片我需要进行 5 个操作，但我希望只需一步就能完成，就是把图片拖进 Markdown 语法中能自动转化为网络链接，可惜目前这个插件实现不了此；
2，此插件不支持 https 协议网络链接，只支持 http 协议；https 要比 http 安全，经过加密处理；比如说在我个人网站中，如果文章中出现 http 链接的话，网页头导航信息处就会出现不安全 的标识
3，不稳定，图片是托管到了新浪图床的服务器中，你无法确定你的图片什么时候到期失效被删除；例如新浪微博图床开启一次防盗链，一大拨外联图片就无法正常使用；因此最稳健且实惠的方法是借助第三方平台自建一个存储对象

测试域名配置

以上啰嗦了这么多，主要对 Typora 与图床工具做了简单介绍，下面内容为正式配置教程

在开始配置之前，需满足以下要求（要求 3 非必须，但具备的话会更好，要求1，2仅仅只是为了测试七牛云图床工具的可用性）

1，Typora 0.9.96及以上版本（0.9.96以上版本才支持第三方平台图床配置）；
2，七牛云账户注册并完成实名认证( 只有完成实名认证的账户才会有后面每个月10G 的免费存储空间)；

Snipaste_2020-12-19_12-17-59

3，一个经过备案后的域名(用于添加自定义域名，配置 HTTPS 协议用的)；

七牛云

在进行下面操作之前，请确保上面的的要求 1 和 2 你已经能够满足；接下来首先登录七牛云，进入管理控制台 Snipaste_2020-12-19_12-20-39

点击左侧栏的对象存储 Kodo

Snipaste_2020-12-19_12-21-27

点击左侧的 空间管理 Snipaste_2020-12-19_12-22-35

点击上方的新建空间，填写右侧的新建存储空间 的基本信息，

存储空间名称，自己随意命名；
存储区域：尽量选择 华东、华北、华南中的一个(这里需要记住区域对应编号，后面配置会用到华东-a0；华北-a1;华南-a2);
访问控制： 公开；

Snipaste_2020-12-19_12-24-44

上面点击确定之后，后面会弹出来一个 空间创建成功的提醒，提示系统提供会自动配备测试域名，有效期30天，换句话说，这个测试域名只能用 30 天，30天后测试域名会被官网收回，也就是之前通过该域名上传的图片链接都会失效，所以在使用图床工具之前，尽量使用自己经过备案后的域名作为空间的配置域名

Snipaste_2020-12-19_12-40-46

空间创建完毕之后，进入刚刚创建的空间概览，这里需要记得几个参数用于后面 Typora 软件配置

空间名称；
CDN 测试域名；
存储区域对应的编号；

Snipaste_2020-12-19_12-49-34

除了上面三个参数之外，还需要两个参数，进入用户中心的密匙管理；

Snipaste_2020-12-19_12-49-34

记住里面的AK 和 SK 参数

Snipaste_2020-12-19_12-51-50

Typora 配置

上面5个参数知道了之后，接下就需要把上面参数配置到 Typora 软件中，打开 Typora 软件，依次点击文件->偏好设置-> 图像，基本配置见下图；

Snipaste_2020-12-19_12-56-23

点击图中的 下载与更新 ，等待下载更新，完成后点击 打开配置文件，

Snipaste_2020-12-19_13-03-07

电脑会自动打开一个配置文件(开始时里面是空的)，依次将上面提到的 5 个参数填入下面 json 字符对应位置

Snipaste_2020-12-19_13-01-45

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

填写完毕，后 Ctrl+ S 快捷键保存即可，点击上传设定服务中的 验证图片上传选项，没有报错即代表配置成功

Snipaste_2020-12-19_13-03-07

Snipaste_2020-12-19_13-08-19

介绍到这里，typora 和七牛云图床配置方法(基于七牛云的测试域名)基本算是结束了，通过图片拖拽就能实现图片网路链接自动转换！

添加自适应域名，设置HTTPS 协议

上面配置方法中提到了一点，以上配置过程中用到的是七牛云提供的测试链接，只有30天有效期，并且图片存储链接为 HTTP协议的，网页链接不安全的，可能会被部分网站拦截

想长时间稳定使用七牛云图床工具需要配置我们自己的域名，域名在阿里云、腾讯云云服务器商都可以买到，也很便宜一年几块钱；但配置的域名需要备案，下面一部分将介绍一下七牛云怎么添加自定义域名，及怎么配置 HTTPS 协议

1，子域名SSL 证书申请

配置 HTTPS 协议时，后面需要 CNAME 解析(DNS 解析)，但主域名一般用来建立个人网站或博客，创建网站时需要域名解析将域名转换到 IP 地址，解析过的域名再做七牛云的 CNAME 解析时会有冲突，因此这里需要借助一个未解析的二级域名，例如 images.xxx.com(xxx.com为备案后的主域名)

Snipaste_2020-12-19_14-49-35