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

你们好,我是zeroing,本文将介绍关于 Typora 软件如何配置七牛云图床,实现图片即插即用,能够先看一下最终效果!json

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 连接的话,网页头导航信息处就会出现不安全 的标识

    Snipaste_2020-12-19_11-58-21

  • 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

记住里面的AKSK 参数

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

2,配置二级域名的 SSL 证书

在七牛云自定义域名配置 HTTPS 协议时,须要上传 SSL 证书,一个域名绑定一个 SSL 证书,阿里、腾讯等云服务器商提供的免费SSL 安全证书一般是非通配符域名 ,须要再申请一个搭配二级域名的 SSL 安全证书

下面以阿里云为例,二级域名 SSL 证书申请配置过程以下:

Snipaste_2020-12-19_15-41-11

Snipaste_2020-12-19_15-52-07

Snipaste_2020-12-19_15-52-50

购买二级域名配置完成以后,把二级域名的SSL证书下载到本地中,通常是压缩包形式存储的,利用解压软件进行解压便可;

转到七牛云的 Snipaste_2020-12-19_15-48-52转到七牛云网站,进入 SSL 证书管理中心,添加本地SSL 证书

Snipaste_2020-12-19_15-45-54

Snipaste_2020-12-19_15-46-04

Snipaste_2020-12-19_15-46-31

  • 证书备注名,没有特殊要求随便取一个名字便可;
  • 证书内容,对应下载 SSL 证书中的 pem 文件中的内容;
  • 证书私匙 ,key 文件里面的内容,

Snipaste_2020-12-19_16-08-51

3,自定义域名设置,HTTPs 协议配置

打开七牛云中建立的空间概览 ,点击域名管理,点击 绑定域名

绑定域名

根据下面模板根据本身状况进行修改

Snipaste_2020-12-19_16-11-03

绑定完成以后,只差一步就是须要 CNAME 解析

Snipaste_2020-12-19_16-25-12

将图中的 CNAME 内容复制一下,到云服务器商处进行 DNS解析 便可

Snipaste_2020-12-19_15-53-03

Snipaste_2020-12-19_15-53-25

Snipaste_2020-12-19_15-53-58

Snipaste_2020-12-19_16-21-42

DNS 解析完成以后,等待一段时间,出现下面效果,即表明配置成功!

result

绑定好本身的域名以后,修改 Typora 配置文件中的三个参数,分别为:域名、空间名称、及对应的存储区域编号三个参数,其余不变对配置文件进行保存,进行验证;验证成功以后就能够正常使用啦

原本只是想简单介绍一下 Typora 与七牛云图床配置教程,写着写着发现须要写的点愈来愈多,而后就写到了这里;为了让写的东西让你们理解,里面插了许多配图,七牛云后台的图片存储量也是直线上升

Snipaste_2020-12-19_16-51-48

因此建议你们在利用图床工具插入图片时,在没有特殊场景下尽可能用截图代替高清图,虽然 10G 存储空间看上去不少,实际用的时候并非,固然土豪的话彻底能够忽略

好了,以上就是本篇文章的所有内容啦,以为文章不错请不要吝啬你的双手,欢迎你们点赞、留言、转发,最后感谢你们阅读!

相关文章
相关标签/搜索