如何用七牛和picGO设置免费图床

why

经常，我们需要在自己的博客上加一些图片。有的时候，我们兴致勃勃做了一篇图文并茂的笔记或教程发在博客上，但是过一段时间却发现图片打不开了，急得读者直骂娘。
这种情况要怎么预防？
用图床！有了图床，妈妈再也不用担心我的博客图片无法显示了。

what

国内可选的免费图床挺多的，七牛属于其中口碑较好的免费图床之一。
七牛一共有10G的免费空间，不限制上传流量，但是每月有请求次数限制，给一般的小博客当图床是足够了：

00_introduction_qiniu_price.png

how

注册七牛

• 打开七牛首页，点击右上角“注册有礼”

  
  
  01_register_0.png

• 选择“申请个人认证”

  
  
  02_register_1.png

• 填写基本信息（注意：个人网站可以填你的域名，没有就随便填一个；请填写真实姓名，因为后面要实名认证）

  
  
  03_register_2.png

• 按要求完成实名认证（完成认证可能需要几天时间），否则无法新建图床

  
  
  04_register_3.png

新建图床Bucket

• 新建图床：点击“资源主页”，在对象存储下点“立即添加”

  
  
  05_setup_create_bucket_1.png

• 设置存储空间名，存储服务器（选一个离你最近的），访问控制设置为公开

  
  
  06_setup_create_bucket_2.png

• 点击左侧的bucket名字，点“内容管理”-“上传文件”，就可以上传图片了

  
  
  07_upload_web_empty.png

08_upload_web.png

• 上传完成后，可以点图片右侧的三个点，选中“复制外链”，就可以把网址放在博客正文里面了

  
  
  09_upload_web_link.png

设置上传到图床的app (以picGO为倒）

有时候，我们需要上传很多图片，一张张用网站上传也太麻烦了。这种情况要怎么办？用app。上传到图床的app最有名的当属ipic了，但是只有mac版，而且免费版不支持七牛图床。这里，我用到的app是免费软件picGO，大家可以从这里下载。

注意：windows请下载.exe文件，mac下载.dmg文件。下文以mac为例。

• 安装picGO并打开: 这个就不教了，不会的去面壁

  
  
  10_setup_app_picGO_install.png

• 设置好picGO：在状态栏点右键，选择“打开详细窗口”，设置如下内容

  
  
  11_setup_app_picGO_new.png

• 其中accesskey和secretkey可以从“个人中心”-“密钥管理”里面找到

  
  
  12_setup_app_key_0.png

13_setup_app_key_1.png

• 设置存储空间名（即为你设置的图床bucket的名字）

• 设置访问网址，可以从图床bucket的“空间概览”里找到（注意在前面加上http://）

  
  
  14_setup_app_picGO_url.png

• 后缀就没有必要加了，否则容易出错

• “指定存储路径”是为了方便分类，注意要加上反斜杠“/”，上传后的效果如下图（第三个是加了反斜杠的，第四个没有加）：

  
  
  15_upload_app_picGO_name_management.png

• 第一种方法：拖拽上传图片：点开上传区，拖进来就可以上传了（可以批量上传），上传完后自动生成markdown格式的网址到剪切板，可以直接粘贴到博文：

  
  
  16_setup_app_picGO_drag.png

• 第二种方法为快捷键上传（只可上传剪切板的图片）。

  • 先点击右下角，设置好快捷键：

    
    
    17_setup_app_picGO_shotcut.png

17.5_setup_app_picGO_shortcut.png

• 截图到剪切板，点快捷键就可以一键上传了，这是效果图：

  
  
  18_final_test_shortcut.png

其他小技巧：

压缩图片

在图片上传之前，可以先把图片压缩。不仅可以节省存储空间，还可以加快图片加载速度。
这里推荐mac的app tinyPNG。这款软件会把图片上传到tinypng.com的网站，压缩之后再下载回本地，所以需要在网站先注册，每个月能免费压缩500张图片，一般人也足够了。

• 第一次打开，会让你设置：

  
  
  19_tinypng_setup.png

• 点击注册按钮会打开网页，输入名字和邮箱即可：

  
  
  20_tinypng_resigter_1.png

21_tinypng_resgister_2.png

• 获得key之后填入app即可

  
  
  22_tinypng_register_3.png

• 经测序，压缩速度还挺快（比ImageOptim快不少，而且压缩率也高）。最后的结果如下图

  
  
  23_tinypng_results.png

所有相关软件下载

链接: https://pan.baidu.com/s/1ZhSHeij9CxELLdzlC-Xw_w 
密码: duxh

• 求打赏一瓶农夫山泉

  
  
  24_donate.png

ChangeLog:

• 2018-04-30 书写 by sandy