1、图床是什么?

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

2、为什么要使用图床?

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

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

3、七牛云图床介绍

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

4、七牛云图床的使用

4.1 账号注册

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

4.2 创建存储服务

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

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不在网络上传输以防止被窃取。在控制台点击个人中心,密钥管理即可查看到密钥对。

4.7 qshell

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

qshell account ak sk name

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

qshell account -- ak sk name

5、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即可使用图床的资源

6、小结

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