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

如何用七牛和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是免费ApppicGO,大家可以从这里下载。

注意: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。这款App会把图片上传到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

所有相关App下载

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


    24_donate.png

ChangeLog:

  • 2018-04-30 书写 by sandy

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 138,038评论 20赞 590
  • 题图:七牛云存储 背景 2014年2月开始练千字文 开始接触 Markdown 语法 知道了图床,用免费图床各种不...
    陈素封阅读 23,509评论 13赞 56
  • 生活就是个漫长的过程,好玩的不得了,精彩的不得了。 不需要大屋,只需要收藏。只想在路上,收集着精彩,储存着记忆。 ...
    司徒的耳朵阅读 86评论 4赞 4
  • 其实 我只是不在意那些不快乐的事 懂该懂的 乐该乐的 想该想的 眼睛看到的未必是真实的 接触了才会知道该谁与谁同行...
    华少爷阅读 52评论 0赞 1
  • 30分钟《简爱》58页。桑菲尔德庄园的女管家聘用了她。偌大的宅第只有一个不到10岁的女孩,罗切斯特先生是她的保护人...
    满溢满溢阅读 57评论 0赞 0