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

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

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

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

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

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

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

为什么要选择七牛云呢?

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

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

  • 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 的免费存储空间);
  • 3,一个经过备案后的域名(用于添加自定义域名,配置 HTTPS 协议用的);

七牛云

在进行下面操作之前,请确保上面的的要求 1 和 2 你已经能够满足;接下来首先登录七牛云,进入管理控制台

点击左侧栏的对象存储 Kodo

点击左侧的 空间管理

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

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

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

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

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

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

记住里面的AKSK 参数

Typora 配置

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

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

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

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

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

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


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

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

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

1,子域名SSL 证书申请

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

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

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

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

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

转到七牛云的

转到七牛云网站,进入 SSL 证书管理中心,添加本地SSL 证书

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

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

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

根据下面模板根据自己情况进行修改

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

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

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

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

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

所以建议大家在利用图床工具插入图片时,在没有特殊场景下尽量用截图代替高清图,虽然 10G 存储空间看上去很多,实际用的时候并不是,当然土豪的话完全可以忽略

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

ssl证书 所属项目怎么上传_Typora + 七牛云图床快速配置,告别手动上传图片!...相关推荐

  1. ssl证书 所属项目怎么上传_ssl证书怎么上传

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

  2. 七牛云图床php,PHP实现Markdown文章上传到七牛图床的实例内容

    在使用 Markdown 编写文章之后,经常需要发布到不同的平台,这里会遇到一个问题,文章的图片需要手动的进行上传,管理起来非常不方便,因此,强烈建议将图片统一上传到图床中,这样的话一篇文章就可以轻松 ...

  3. 码云图床php,PHP 脚本实现 Markdown 文章上传到七牛图床

    在使用 Markdown 编写文章之后,经常需要发布到不同的平台,这里会遇到一个问题,文章的图片需要手动的进行上传,管理起来非常不方便,因此,强烈建议将图片统一上传到图床中,这样的话一篇文章就可以轻松 ...

  4. C# 文件上传到七牛云服务器(一)

    本章讲述:C# 中调用七牛云提供的SDK,实现文件简单上传功能. 分片,断点续上传讲解,请查看:C# 文件上传到七牛云服务器(二) 地址为: 开发流程步骤地址:https://blog.csdn.ne ...

  5. 二维码生成并上传至七牛云 返回图片URL

    背景:最近一个项目的优惠券模块,需要将优惠券的券号转换成二维码展示出来,并保证能够被扫码枪识别. 接着,简要说明下编码思路,或者说步骤: 引入 qrcode 的Jar依赖 调用API,合理配置相关属性 ...

  6. Spring Boot使用Simditor富文本编辑器,并将图片上传到七牛云。

    开始之前,需要强调的是Simditor富文本编辑器是基于Jquery的.所以必须引入Jquery.Simditor下载地址 下载解压后会发现是整个simditor项目,很多东西项目根本不需要,只需要将 ...

  7. java 二维码与海报合成图片并上传至七牛云

    简单的二维码与图片合成 效果如下: 准备步骤: 第一步毋庸置疑准备图片 第二步整合二维码项目依赖(这里我们使用的是google.zxing,当然市面上开源的二维码项目很多,你可自行选择) GitHub ...

  8. html七牛云图片文件上传,使用Js将文件图片视频上传到七牛云详细教程-Fun言

    前言 因为项目需要,需要将一些较大文件上传到七牛云,以前都是通过数据流上传到服务端,然后在服务端进行上传操作,因为以前文件都很小所以无所谓,但是要是几百M的文件就不行了,所以就采用前端js直接上传到七 ...

  9. PHP图片加水印,然后将加水印的图片上传到七牛云

    今天项目有这么一个需求,简单实现了一下,当然用起来是没有任何问题的,现在把实现代码分享给小伙伴们 public function uploadImgToQiniu($picture_id){$wate ...

最新文章

  1. buffer IO和direct IO
  2. 如何构造强度较高的密码
  3. 常见消息队列对比(ActiveMQ、ZeroMQ、kafka、RabbitMQ)?
  4. 47K Star 的SpringBoot+MyBatis+docker电商项目,附带超详细的文档!
  5. 8g可用 安装内存16g_同样是16g内存,为啥都选两条8G,不选16G单条,这难道有啥讲究?...
  6. 初学者css常见问题_5分钟内学习CSS-初学者教程
  7. 整数的分类处理c语言switch,整数的分类处理
  8. asp.net—工厂模式
  9. Cloudera官方课程管理员(CCAH)、开发者(CCA175)、数据分析
  10. 【Codeforces contest-1214 E】Petya and Construction Set【树上构造】
  11. 微信小程序——调查问卷案例
  12. input 测试工具 --evtest
  13. 《草根自媒体达人运营实战》一一1.3 各种自媒体平台及优缺点
  14. 灵敏度分享码显示服务器不可用,和平精英S11最稳灵敏度分享码有哪些?和平精英灵敏度设置分享码...
  15. 回调陷阱的概念及解决方法
  16. windows 11变回原来的右键菜单
  17. 数据可视化分析教学课件——FineBI实验册节选====物流经营分析
  18. android如何切换主题背景图片,android主题设置与主题切换
  19. [干货分享] 反省我十年开发犯过的错
  20. 九度OJ 1375 陈博的完美主义 (枚举,细心细心)

热门文章

  1. 计算机学院刘彤,刘彤-北京航空航天大学材料科学与工程学院
  2. Linux shell脚本sed使用
  3. python闭包和函数调用区别_python – 函数闭包与可调用类
  4. php fastdfs上传文件,fastDFS中使用php上傳文件 -- http上傳與下載圖片
  5. guid会不会重复_最笨的方法也许是最快的方法,量变到质变,首先要做的是不断重复...
  6. linux改变磁盘顺序,Linux上磁盘顺序混乱的情况
  7. layui的表单控件的input文本框赋值
  8. 一台电脑上安装5台tomcat 与 项目部署 probe
  9. rocketmq 消息 自定义_rocketmq中的自定义消息头
  10. python以文本方式字节流_如何在Python3中将文本流编码为字节流?