一袜腥、前言
作為一名經(jīng)常寫博客的博主,圖片的上傳十分頭疼钉汗,本地的圖片插入不利于復用羹令,經(jīng)常需要手動上傳到指定的服務器里面,十分的麻煩损痰,能不能有一種方案支持一次寫完福侈,永久部署呢,當然有的徐钠,這就是我們今天的主角圖床癌刽,我們采用CDN+COS+Pic-go app上傳圖片,對于一張圖片只需要快捷鍵即可完成上傳尝丐,接下來我們來了解一下如何部署显拜,正文即將開始~~
二、準備工作
1. 域名
首先需要有一個自己的自定義域名(國內(nèi)已備案)作為引入圖片的URL爹袁,如果直接使用COS對象的話远荠,流量存在被盜取的可能性,由于cos源的節(jié)點較少失息,速度也相對而言比較慢譬淳,而且不安全,所以使用自己的自定義域名是一種不錯的選擇盹兢,可以減少圖片引入時過長的URL串邻梆,有時候甚至可以自行記憶URL鏈接,所以這里推薦的域名4個字母或者5個字母绎秒,便于記憶浦妄。
2. DNS解析
一般是以img.example.com作為新的圖片的鏈接引入的,所以這里需要在域名所在的DNS服務商那里添加解析記錄见芹,這里添加解析記錄的是cname記錄剂娄,是CDN的cname域名,這個稍后介紹CDN時會進行解釋說明玄呛。
三阅懦、原理解析
首先圖源是存在于COS對象中的,CDN用于加快圖片的訪問速度徘铝,將圖片分發(fā)到全國各地CDN節(jié)點耳胎,這個原因主要是目前COS的節(jié)點較少的緣故惯吕,故這里利用CDN加速,自己的自定義域名起到一種代理的作用怕午,本質(zhì)上是訪問CDN節(jié)點混埠,圖源是COS對象,同時這里COS對象桶中需要開啟CDN訪問對象的權限的設置诗轻,為安全考慮盡量不要直接將對象的URL鏈接開放钳宪,利用CDN訪問會節(jié)省一點流量,同時由于CDN節(jié)點分布很廣扳炬,節(jié)點也比較多吏颖,費用更低一點,CDN那里還可以做一些限流等等的基礎安全防護恨樟。
接下來就是介紹一下pic-go app的作用了半醉,試想一下,我們上面雖然解決了圖片加速訪問和存儲的問題劝术,但還有一個小問題缩多,圖片上傳我們需要使用api手動上傳嗎?當然可以使用养晋,但有點累衬吆,這里推薦使用的pic-go app完全解決了手動上傳這個難點,復制圖片绳泉,然后可以使用自定義的快捷鍵完成上傳逊抡,這里的原理是通過Pic -go app 調(diào)用cos 相關的api完成上傳的。
四零酪、COS部署
下圖為cos的簡要使用說明
1. 創(chuàng)建存儲桶
這里選擇私有讀寫
下一步就是配置一些高級屬性冒嫡,這里可以根據(jù)自身業(yè)務邏輯需求進行相應的設置
最后點擊下一步確認一下即可完成最終的部署
至此,通過簡單的界面操作已經(jīng)完成了存儲桶的創(chuàng)建四苇。
2.創(chuàng)建文件夾
點擊存儲桶管理那里孝凌,有如下幾種選項,其中上傳文件應該是最常用的月腋,這里我們介紹一下文件夾的創(chuàng)建蟀架,通過文件夾的創(chuàng)建可以將我們的不同文件進行分類管理。
五罗售、CDN部署
1.基礎配置
加速域名:即自定義的備案域名辜窑,如果符合要求會進行一次dns解析驗證歸屬權
加速區(qū)域:這里選擇國內(nèi)加速钩述,這個根據(jù)自身購買的資源包決定的
加速類型:選擇CDN網(wǎng)頁小文件寨躁,適用于圖片等形式
2.源站配置
源站配置應該是最關鍵的一環(huán),選擇COS源牙勘,然后這里會自動浮現(xiàn)源站地址职恳。
這里還需要配置CDN訪問COS對象的權限所禀,這里為配置結束的截圖,需要再次指定配置的權限放钦,可以在COS源那里進行授權色徘。
3.服務配置
這里可以根據(jù)自己的業(yè)務需求進行修改緩存配置,例如圖片更新比較快操禀,可以指定png,jpg等格式圖片為1天等等褂策,沒有特殊需求,可以指定緩存更長時間颓屑。
4.流量封頂配置
這里根據(jù)自身購買的流量包進行配置斤寂。
5.HTTPS配置
這里上傳SSL證書以開啟HTTPS訪問,沒有配置會導致錯誤的訪問揪惦,默認是使用騰訊這邊的cdn域名證書遍搞,所以這里需要自己手動配置一個證書進行替換。
下面配置一下強制跳轉
6.圖片壓縮配置
這里進行配置一下智能壓縮器腋,可以將常見圖片格式添加到壓縮對象溪猿,減少流量的損耗,同時加快訪問速度纫塌。
六诊县、Pic-go 部署
下列各種參數(shù)在密鑰中獲取
secretId:密鑰獲取
secretkey:密鑰獲取
appid:密鑰獲取
存儲空間名:即下列紅線部分,一般是自己指定的存儲桶名稱+數(shù)字
存儲區(qū)域:
即下面紅線部分的英文:ap-beijing
存儲路徑:即文件夾的名稱+/
自定義域名:自己定義的域名作為圖片的主url部分
七措左、總結
通過以上配置翎冲,最終我們實現(xiàn)了圖片copy到剪切板,然后需要使用默認的ctrl + shift+p即可完成圖片的上傳媳荒,同時如果有開啟重命名的設置也可以直接重命名抗悍,操作結束,在markdown文件中ctrl+shift+i即可完成剛剛復制的圖片的顯示钳枕,十分方便有沒有缴渊,至此我們已經(jīng)完成了圖床的部署,價格方面不是很貴鱼炒,如果是個人使用的博客衔沼,大概50左右一年的金額,期待大家早日擁有屬于自己的圖床昔瞧。