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

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

why

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

what

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


如何用七牛和picGO设置免费图床_第1张图片
00_introduction_qiniu_price.png

how

注册七牛

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


    01_register_0.png
  • 选择“申请个人认证”


    如何用七牛和picGO设置免费图床_第2张图片
    02_register_1.png
  • 填写基本信息(注意:个人网站可以填你的域名,没有就随便填一个;请填写真实姓名,因为后面要实名认证)


    如何用七牛和picGO设置免费图床_第3张图片
    03_register_2.png
  • 按要求完成实名认证(完成认证可能需要几天时间),否则无法新建图床


    04_register_3.png

新建图床Bucket

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


    如何用七牛和picGO设置免费图床_第4张图片
    05_setup_create_bucket_1.png
  • 设置存储空间名,存储服务器(选一个离你最近的),访问控制设置为公开


    如何用七牛和picGO设置免费图床_第5张图片
    06_setup_create_bucket_2.png
  • 点击左侧的bucket名字,点“内容管理”-“上传文件”,就可以上传图片了


    如何用七牛和picGO设置免费图床_第6张图片
    07_upload_web_empty.png
如何用七牛和picGO设置免费图床_第7张图片
08_upload_web.png
  • 上传完成后,可以点图片右侧的三个点,选中“复制外链”,就可以把网址放在博客正文里面了


    如何用七牛和picGO设置免费图床_第8张图片
    09_upload_web_link.png

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

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

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

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


    如何用七牛和picGO设置免费图床_第9张图片
    10_setup_app_picGO_install.png
  • 设置好picGO:在状态栏点右键,选择“打开详细窗口”,设置如下内容


    如何用七牛和picGO设置免费图床_第10张图片
    11_setup_app_picGO_new.png
  • 其中accesskey和secretkey可以从“个人中心”-“密钥管理”里面找到


    如何用七牛和picGO设置免费图床_第11张图片
    12_setup_app_key_0.png
如何用七牛和picGO设置免费图床_第12张图片
13_setup_app_key_1.png
  • 设置存储空间名(即为你设置的图床bucket的名字)

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


    如何用七牛和picGO设置免费图床_第13张图片
    14_setup_app_picGO_url.png
  • 后缀就没有必要加了,否则容易出错

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


    如何用七牛和picGO设置免费图床_第14张图片
    15_upload_app_picGO_name_management.png
  • 第一种方法:拖拽上传图片:点开上传区,拖进来就可以上传了(可以批量上传),上传完后自动生成markdown格式的网址到剪切板,可以直接粘贴到博文:


    如何用七牛和picGO设置免费图床_第15张图片
    16_setup_app_picGO_drag.png
  • 第二种方法为快捷键上传(只可上传剪切板的图片)。

    • 先点击右下角,设置好快捷键:


      如何用七牛和picGO设置免费图床_第16张图片
      17_setup_app_picGO_shotcut.png
如何用七牛和picGO设置免费图床_第17张图片
17.5_setup_app_picGO_shortcut.png
  • 截图到剪切板,点快捷键就可以一键上传了,这是效果图:


    如何用七牛和picGO设置免费图床_第18张图片
    18_final_test_shortcut.png

其他小技巧:

压缩图片

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

  • 第一次打开,会让你设置:


    如何用七牛和picGO设置免费图床_第19张图片
    19_tinypng_setup.png
  • 点击注册按钮会打开网页,输入名字和邮箱即可:


    如何用七牛和picGO设置免费图床_第20张图片
    20_tinypng_resigter_1.png
如何用七牛和picGO设置免费图床_第21张图片
21_tinypng_resgister_2.png
  • 获得key之后填入app即可


    如何用七牛和picGO设置免费图床_第22张图片
    22_tinypng_register_3.png
  • 经测序,压缩速度还挺快(比ImageOptim快不少,而且压缩率也高)。最后的结果如下图


    如何用七牛和picGO设置免费图床_第23张图片
    23_tinypng_results.png

所有相关软件下载

链接: https://pan.baidu.com/s/1ZhSHeij9CxELLdzlC-Xw_w 
密码: duxh
  • 求打赏一瓶农夫山泉


    如何用七牛和picGO设置免费图床_第24张图片
    24_donate.png

ChangeLog:

  • 2018-04-30 书写 by sandy

你可能感兴趣的:(如何用七牛和picGO设置免费图床)