如何用七牛和picGO設(shè)置免費圖床
why
經(jīng)常,我們需要在自己的博客上加一些圖片。有的時候,我們興致勃勃做了一篇圖文并茂的筆記或教程發(fā)在博客上,但是過一段時間卻發(fā)現(xiàn)圖片打不開了,急得讀者直罵娘。
這種情況要怎么預(yù)防?
用圖床!有了圖床,媽媽再也不用擔(dān)心我的博客圖片無法顯示了。
what
國內(nèi)可選的免費圖床挺多的,七牛屬于其中口碑較好的免費圖床之一。
七牛一共有10G的免費空間,不限制上傳流量,但是每月有請求次數(shù)限制,給一般的小博客當(dāng)圖床是足夠了:
how
注冊七牛
-
打開七牛首頁,點擊右上角“注冊有禮”
01_register_0.png -
選擇“申請個人認(rèn)證”
02_register_1.png
-
填寫基本信息(注意:個人網(wǎng)站可以填你的域名,沒有就隨便填一個;請?zhí)顚懻鎸嵭彰驗楹竺嬉獙嵜J(rèn)證)
03_register_2.png -
按要求完成實名認(rèn)證(完成認(rèn)證可能需要幾天時間),否則無法新建圖床
04_register_3.png
新建圖床Bucket
-
新建圖床:點擊“資源主頁”,在對象存儲下點“立即添加”
05_setup_create_bucket_1.png -
設(shè)置存儲空間名,存儲服務(wù)器(選一個離你最近的),訪問控制設(shè)置為公開
06_setup_create_bucket_2.png -
點擊左側(cè)的bucket名字,點“內(nèi)容管理”-“上傳文件”,就可以上傳圖片了
07_upload_web_empty.png
-
上傳完成后,可以點圖片右側(cè)的三個點,選中“復(fù)制外鏈”,就可以把網(wǎng)址放在博客正文里面了
09_upload_web_link.png
設(shè)置上傳到圖床的app (以picGO為倒)
有時候,我們需要上傳很多圖片,一張張用網(wǎng)站上傳也太麻煩了。這種情況要怎么辦?用app。上傳到圖床的app最有名的當(dāng)屬ipic了,但是只有mac版,而且免費版不支持七牛圖床。這里,我用到的app是免費軟件picGO,大家可以從這里下載。
注意:windows請下載.exe文件,mac下載.dmg文件。下文以mac為例。
-
安裝picGO并打開: 這個就不教了,不會的去面壁
10_setup_app_picGO_install.png -
設(shè)置好picGO:在狀態(tài)欄點右鍵,選擇“打開詳細(xì)窗口”,設(shè)置如下內(nèi)容
11_setup_app_picGO_new.png -
其中accesskey和secretkey可以從“個人中心”-“密鑰管理”里面找到
12_setup_app_key_0.png
設(shè)置存儲空間名(即為你設(shè)置的圖床bucket的名字)
-
設(shè)置訪問網(wǎng)址,可以從圖床bucket的“空間概覽”里找到(注意在前面加上http://)
14_setup_app_picGO_url.png 后綴就沒有必要加了,否則容易出錯
-
“指定存儲路徑”是為了方便分類,注意要加上反斜杠“/”,上傳后的效果如下圖(第三個是加了反斜杠的,第四個沒有加):
15_upload_app_picGO_name_management.png -
第一種方法:拖拽上傳圖片:點開上傳區(qū),拖進(jìn)來就可以上傳了(可以批量上傳),上傳完后自動生成markdown格式的網(wǎng)址到剪切板,可以直接粘貼到博文:
16_setup_app_picGO_drag.png -
第二種方法為快捷鍵上傳(只可上傳剪切板的圖片)。
-
先點擊右下角,設(shè)置好快捷鍵:
17_setup_app_picGO_shotcut.png
-
-
截圖到剪切板,點快捷鍵就可以一鍵上傳了,這是效果圖:
18_final_test_shortcut.png
其他小技巧:
壓縮圖片
在圖片上傳之前,可以先把圖片壓縮。不僅可以節(jié)省存儲空間,還可以加快圖片加載速度。
這里推薦mac的app tinyPNG。這款軟件會把圖片上傳到tinypng.com的網(wǎng)站,壓縮之后再下載回本地,所以需要在網(wǎng)站先注冊,每個月能免費壓縮500張圖片,一般人也足夠了。
-
第一次打開,會讓你設(shè)置:
19_tinypng_setup.png -
點擊注冊按鈕會打開網(wǎng)頁,輸入名字和郵箱即可:
20_tinypng_resigter_1.png
-
獲得key之后填入app即可
22_tinypng_register_3.png -
經(jīng)測序,壓縮速度還挺快(比ImageOptim快不少,而且壓縮率也高)。最后的結(jié)果如下圖
23_tinypng_results.png
所有相關(guān)軟件下載
鏈接: https://pan.baidu.com/s/1ZhSHeij9CxELLdzlC-Xw_w
密碼: duxh
-
求打賞一瓶農(nóng)夫山泉
24_donate.png
ChangeLog:
- 2018-04-30 書寫 by sandy