如何使用七牛云做为图床？

2015-11-30 发布

题图：七牛云存储

背景

2014年2月开始练千字文
开始接触 Markdown 语法
知道了图床，用免费图床各种不顺心
免费的
- yupoo：当时100m的免费空间，用了一阵子，很快就爆了
- 新浪相册：会压缩图片，批量上传老是出问题，老担心他家搞个防盗链
- 其他国内的免费相册服务，不是界面丑就是速度慢……
- 国外的图床不敢用，挂了可是个大工程呐，我当时还没备份的习惯……
- 其他私人搭建的图床，用过几次，挂了
收费的
- 换过杂七杂八的免费图床
- 总觉得找免费图床，心神消耗挺大的
- 我只想好好写博客而已，还是找个收费吧，一了百了
- 收费的图床在知乎一搜，要么又拍云，要么七牛
- 注册又拍云，发现不付费不能用呀……放弃了~
- 注册七牛，发现有 10g 空间体验账户，用起
- 那时候的我以为 10g 空间是容量，够我用好一阵子，嗯！

选定七牛

2014年3月注册了七牛免费账户（注册后一直没用）
5月搭建博客，常写博客，用七牛配图
免费账户肆无忌惮地用了一年多，10G 流量终于爆了
这时，我才搞清楚容量和流量的区别（too young~）
2015年7月，一篇多图文章让我欠费了
终于，七牛冻结了账户，果然出来混是要还的
终于，我付费了，使用了标准服务
继续使用七牛原因
- 使用一年多，极其稳定
- 转移成本极大，积累了近一年的图片……
- 相比其他平台便宜太多
- 服务器故障（小用户没啥感觉）给我发过几个红包~标准用户才可以用
购买服务之后，马上将流量大户（1M以上的图片）换了
最近几个月平均消费：每月15元左右
挺好，这消费证明我的博客还有人看……
付费心血教训：上传图片必须限制在 200 k 以内呐
想起以前，2 M 的图片，眼都不眨一下……

以往方案

背景终于啰啰嗦嗦地介绍完了，说说以前我是如何上传并使用七牛图床的吧~

登录打开七牛云网页个人存储空间
上传图片
复制外链
粘贴到 Markdown

一张图片用了四步呐，想想这篇文章的图片都是如此上传的，还真是作死。

世界并非如你所见——用可供性来发现更大的世界

转折

一张图片要四步，一点都不极客
能不能缩短步骤呢？懒得想~
以前的方法，还能用嘛，一直就没折腾~
直到大妈吼，及 yixuan 内部折腾手记，终于动起来
- 我们是如何使用7牛云储存的

折腾起来

准备工具及我的配置

七牛账户一枚，或拥有七牛的 AccessKey/SecretKey，已有建立的空间
- 例如我的七牛云空间（bucket）名字就是 cnfeat
- 假设我的 AccessKey 是 cnfeat1234
- 假设我的 SecretKey 是 cnfeat5678
chrome 浏览器

方法有三

一、七牛云插件上传：简单

二、使用 dropzone 上传：方便

[使用Dropzone和七牛云存储来优化博客图床

闫肃的博客](http://yansu.org/2015/01/10/use-dropzone-and-qiniu-to-store-blog-images.html)

Mac OS 图床运用优化模式 - Microdust

三、使用命令行上传：快捷，尤其适合需要目录及协作的团队

一、七牛云插件上传：简单

下载 Demo 集锦- 七牛云存储的 qiniu upload files 插件
- 七牛云插件,像使用桌面系统一样管理你的七牛云空间
- 支持拖拽上传，批量操作，文件处理等功能

二、使用 dropzone 上传：方便

这两篇文章已经写得很清楚了，大家按照以下两篇文章操作即可

使用Dropzone和七牛云存储来优化博客图床

Mac OS 图床运用优化模式 - Microdust

使用命令行上传

现在我就是采用命令行操作，一旦学会了以下的方法，都回不去了。

可实现的效果

将图片拖拽到指定的文件夹
在 CLI 敲入一行命令，文件自动上传至七牛云
- 例如我使用的命令就是：qrsync /Users/cnfeat/7niu/conf.json
- 说明：qrsync是指七牛的命令，/Users/cnfeat/7niu/conf.json是配置文件，整个命令的意思是使用七牛的命令来运行配置文件。
在文本快速输入固定地址+图片名，即可获取该图片的地址

说明

Mac，Mac 的用户名是 cnfeat，以下的教程请自觉将用户名替换成你的
下载好qrsync 命令行同步工具，得出名为 qrsync 的文件
- 注：以下的教程只会用到 qrsync 文件。
sublime

以下的操作基本是按照七牛云的官方文档 qrsync 命令行同步工具来操作，如有不明白，请移步官方文档。

安装命令行同步工具 `qrsync`

目的：能在终端直接调用 qrsync 命令

下载好qrsync 命令行同步工具，得出名为 qrsync 的文件
方法：将 qrsync 文件放入 /usr/local/bin/
- 知识点：在/usr/local/bin/出现的字符都是可以直接在终端直接调用的命令行
实现方法一：
- 复制 qrsync 文件
- 快捷键 Shift+Command+G 打开 /usr/local/bin/
- 粘贴 qrsync 文件
实现方法二：
- 直接用复制命令行 cp
- 打开终端
- 输入 cp /Users/cnfeat/Downloads/qiniu-devtools-darwin_amd64-v2.6.20131211/qrsync /usr/local/bin/
- 意思是复制 Downloads 位置的 qrsync 文件到 /usr/local/bin/
- Linux基本命令学习之二—Linux基本命令

配置 `conf.json`

配置说明：用 conf.json将本地文件与七牛云的通道打通，将本机指定文件上传到指定的空间。

目的：将 conf.json 文件里面的语法填写正确

{
   		 "access_key": "Please apply your access key here",
   		 "secret_key": "Dont send your secret key to anyone",
   		 "bucket": "Bucket name on qiniu resource storage",
   		 "sync_dir": "Local directory to upload",
   		 "async_ops": "fop1;fop2;fopN",
   		 "debug_level": 1
 }

建立 conf.json 文件
- 用 sublime 新建文档，粘贴以上文本
- Shift+Command+P 打开命令面板
- 输入 json 回车，将文件格式改为 json
- Command+S，将其保存在/Users/cnfeat/7niu/目录下，文件名保存为 conf
- 这样 conf.json 文件就新建好
- 目录地址是/Users/cnfeat/7niu/conf.json

conf.json 文件下载链接: http://pan.baidu.com/s/1mgq5MRY 密码: accm

配置 conf.json
- 到 https://portal.qiniu.com/setting/key 获取你的AccessKey/SecretKey
- “bucket” 即你的七牛云空间名字，你的空间名字在七牛网内是唯一的
  - 例如，我的七牛云空间名字是 cnfeat
- “sync_dir” 是你本地要上传图片文件夹的地址
  - 例如，我就在 Documents 文件夹建了名为qrsync 的文件夹，并在里面放了一张名为cnfeat-img.jpg的图片
  - 所以，上传地址就是 /Users/cnfeat/Documents/qrsync
- “async_ops” 是设置上传预转参数，可以留空
- “debug_level” 默认就好

所以，最终的 conf.json 配置是这样的

{
   		 "access_key": "cnfeat1234",
   		 "secret_key": "cnfeat5678",
   		 "bucket": "cnfeat",
   		 "sync_dir": "/Users/cnfeat/Documents/qrsync",
   		 "async_ops": "",
   		 "debug_level": 1
 }

为了易于区分，我后来将 conf.json 重命名为 cnfeat.json

使用命令行同步

打开终端输入

qrsync /Users/cnfeat/7niu/cnfeat.json

出现

2015/11/22 20:40:48 [INFO][qbox.us/qrsync/v1] qrsync.go:205: Syncing /Users/cnfeat/Documents/qrsync => cnfeat ...
2015/11/22 20:40:48 [INFO][qbox.us/qrsync/v1] qrsync.go:213: Progress file: /Users/cnfeat/.qrsync/lEfrYxfiWq48qgm95oixXg==.log
2015/11/22 20:40:48 [INFO][qbox.us/qrsync/v1] syncer.go:83: Put /Users/cnfeat/Documents/qrsync/.DS_Store => .DS_Store
2015/11/22 20:40:51 [INFO][qbox.us/qrsync/v1] syncer.go:83: Put /Users/cnfeat/Documents/qrsync/cnfeat-img.jpg => cnfeat-img.jpg
2015/11/22 20:40:51 [INFO][qbox.us/qrsync/v1] qrsync.go:184: Sync done!

显示 cnfeat-img.jpg 图片已经上传成功。

打开 http://cnfeat.qiniudn.com/cnfeat-img.jpg可以看见图片了。

至此，用命令行上传图片至七牛云的教程完成。

高阶设置

虽然上传图片成功了，但是我想要得到图片外链怎么办？
难道我还要到七牛云网页个人存储空间根据文件名将图片搜出来，然后复制其外链吗？
那也太傻逼了吧

联想

图片上传后外链的地址的前缀是固定的：http://cnfeat.qiniudn.com/
Markdown 图片格式是固定的：![](http://cnfeat.qiniudn.com/)
每次同步图片的命令行也是固定的 qrsync /Users/cnfeat/conf.json
联想到 atext 强大

于是

在 atext 设定快捷键
- ;qr»qrsync /Users/cnfeat/7niu/cnfeat.json
- ;pi»![](http://cnfeat.qiniudn.com/)

那么最终生成图片外链地址只需要

终端输入;qr
文本输入;pi 补充图片名

收工！

PS

想要自定义七牛域名，可登录到七牛空间>空间设置>域名设置：修改默认域名

PPS

如果需要对图片进行缩放、剪切等操作，可参考

经过测试，我发现我只需要以下两项足矣。

?imageMogr2/thumbnail/!50p
- 将图片缩放50%
?imageMogr2/thumbnail/800x
- 将图片宽度限定为800，高度等比缩放

更新

qrsync 失效，使用 qshell 命令行，操作方法基本如上

注意

将 qshell 放入 /usr/local/bin/ 需要重启后才能使用该命令行
上传命令更改为 qshell qupload 100 /Users/cnfeat/7niu/omc.json

格式为

{ “src_dir”:”/Users/cnfeat/Nutstore.com/7niu/”, “access_key”: “A”, “secret_key”: “B”, “bucket”: “C”, “rescan_local”: true }

命令行工具(qshell) - 七牛开发者中心

迭代

2017-12-06 更新 qshell 方法
2016-01-24 11:34:51 接受闪闪反馈，优化部分说明和图片缩放说明
2015-12-06 17:50:44 补增域名设置
2015-11-30 14:24:46 补增背景描述
2015-11-29 20:08:51 更新 conf.json 目录
2015-11-22 21:15:54

原文链接：如何使用七牛云做为图床？

参考

【六经皆我注脚】

做一名黑客会有很多乐趣，但却是要费很多气力方能得到的乐趣。这些努力需要动力。成功的运动员从锻炼身体、超越自我极限的愉悦中得到动力。同样，做黑客，你得能从解决问题，磨练技术及锻炼智力中得到基本的乐趣。

—— Eric S. Raymond 《如何成为一名黑客》

陈素封
公众号：cnfeat
Blog：cnfeat.com

（题图：七牛云存储）

笨方法实验室：世上无难事，只怕笨方法