七牛云图床和Markdown使用

七牛云图床和Markdown使用

一、图床是什么?

图床通常是指储存图片的服务器,有国内和国外之分。国外的图床因为有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。来自百度百科ios

二、为何要使用图床?

目前的网站、博客等站点中,除了大型网站,官方网站等会自建图片、视频等专用于存放文件的服务器。其余站点若是是这类文件不少,并且具备较强的依赖性质(服务迁移等状况)的话,那么将是一件复杂的事情,由于每一个站点的文件存储方式不一样。目前主流站点文章的写做方案是Markdown格式,Markdown是一种纯文本格式的标记语言。经过简单的标记语法,它可使普通文本内容具备必定的格式。编写Markdown格式的文章,往文章中插入图片等资源是一个问题,由于若是你使用了本地的存储,那么文章发表后,图片连接都须要调整。
基于上述状况,咱们有了一种只要有网络,就能实现图片文件固定连接访问的需求。所以,图床服务是较完美的选择,
图床对比:git

  • 微博图床类,获取url方式:经济实惠,但稳定性差,近期微博图床开启了防盗链,大拨外链图片不能正常使用
  • cdn加速,公有云类:须要购买云存储空间,例如阿里云对象存储oss、腾讯云对象存储cos、微博图床、七牛云图床、又拍云图床等
  • 自建图床:若是是仅仅我的使用的话会费劲又费钱
  • 国外图床:例如像Github图床这类,既不收费用户也多,但惟一的不足就是墙墙墙

三、七牛云图床介绍

选择七牛云图床在于七牛云是专一于打造数据为核心的场景化Pass服务商,在静态资源的资源分发,加载速度、只能压缩方面可能会相对好一些,固然各个大厂都有其专一点,本文没有针对性。
对于小站点来讲,建议选择的是七牛云,七牛云推出了更多的CDN回源优惠政策,有10G免费空间能够选择(少花钱固然更好)github

四、七牛云图床的使用

4.1 帐号注册

使用前须要注册一个七牛云的帐号并进行实名认证,实名认证须要必定的审核时间,注册地址为:https://portal.qiniu.com/signupweb

4.2 建立存储服务

登陆到控制台,新建一个存储空间,输入存储空间的名称,选择存储区域,本存储空间是用于站点图床,因此选择访问控制类型为公开空间,以下所示
shell

4.3 配置存储服务

存储服务建立完成后,须要配置一个融合CDN域名,融合CDN域名简单来讲就是指资源对象的外链域名,七牛云提供了融合CDN的测试域名,官方提示为:七牛融合 CDN 测试域名(以 clouddn.com/qiniucdn.com/qiniudn.com/qnssl.com/qbox.me 结尾),每一个域名每日限总流量 10GB,每一个测试域名自建立起 30 个天然往后系统会自动回收,仅供测试使用而且不支持 Https 访问。所以须要咱们本身配置一个CDN加速域名,以本站点为例,控制台中点击建立域名,域名类型选择普通域名,其余配置默认或根据需求优化配置便可
七牛云存储

4.4 配置域名解析

配置完成后跳转到域名管理界面,显示了一个cname记录,这就是配置好七牛云存储提供的的cdn加速域名,ssgeek.com的域名服务器是阿里云旗下的万网,这里配置的image.ssgeek.com域名和对应的cname记录须要
在阿里云的域名控制台中添加一条解析记录

解析记录添加完成后,须要等待一段时间才能生效
服务器

4.5 配置外链默认域名

在存储空间列表,内容管理,选择外链默认域名为配置的域名而不是测试域名
微信

4.6 AccessKey/SecretKey

AccessKeySecretKey是访问和操做对象存储的密钥对,其中AccessKey会在传输中包含,而用户必须保管好SecretKey不在网络上传输以防止被窃取。在控制台点击我的中心,密钥管理便可查看到密钥对。markdown

4.7 qshell

七牛云提供了一个对象存储的shell客户端命令行工具qshell
qshell用户go语言编写,因此只须要将二进制文件下载下来并配置好上面的密钥AccessKey/SecretKey便可操做对象存储,具体命令用法可见官方文档
配置方法为网络

qshell account ak sk name

其中name表示该帐号的名称, 若是ak, sk, name首字母是"-", 须要使用以下的方式添加帐号, 这样避免把该项识别成命令行选项

qshell account -- ak sk name

五、Markdown文件使用七牛云图床

5.1 Markdown编辑器

Markdown格式文件编辑器有不少,经常使用的如CmdMarkdownTyporaAtomMWeb等等,须要注意的是CmdMarkdown收费版本也提供了自带的图床服务,除此以外,一些ide开发工具好比VS Code也支持编写Markdown格式文件

5.2 图床工具

使用图床的客户端工具也有不少,在Windows平台下有图床神器Mpic,在Mac平台下有PicGoiPic(收费)、CuImage等。
有mac开发大佬利用mac下的效率神器Alfred工具强大的WorkFlow功能开发的提高 markdown 贴图体验的实用小工具也还不错,可参考其Github地址下载,并按照说明配置快捷键及参数便可使用。

5.3 Typora + PicGo

利用编辑器Typora和图床工具PicGo可实现Markdown文件使用七牛云图床图片,具体步骤以下:
PicGo中配置七牛图床并设置为默认图床

其中图床的存储区域代号,能够参照七牛云存储区域说明填写

配置完成后,在上传区点击选择图片或者拖拽进行上传,连接格式选择Markdown

提示上传成功后点击相册,便可查看对应图片并复制插入到Markdown文件中的连接,粘贴进入Markdown编辑器中便可

5.4 MWeb

MWeb是mac和ios平台下的一款优秀的Markdown编辑器,能够说包含你想要的全部功能!该编辑器自带图床功能(包含七牛云,又拍云等多种图床)和文章发布功能(包含印象笔记,wordpress,语雀等多站点平台)
在发布服务中添加已增长的本地图片上传服务(图床),添加完成能够点击验证,选择图片上传进行验证

文章中直接添加本地的图片,点击“发布”——>“把本地图片传至图床,发布至微信,知乎等”选项,根据提示,程序会自动上传本地图片到所选的图床中,而后把文档中的本地图片地址换成上传后的地址。。。。。总之,发布后你只须要CMD+V便可使用图床的资源

六、小结

图床很好的解决了Markdown文件图片存储的问题,并且还能有效减小咱们本身站点服务器的资源,最后,附上本文中涉及到的图片在七牛云控制台中的列表大图

相关文章
相关标签/搜索