阿里雲加Picgo或MPic搭建最豪橫的圖牀

阿里雲加Picgo或MPic搭建最豪橫的圖牀

首先解釋一下什麼是圖牀，圖牀其實就是提供圖片存儲的服務器。

對於自建博客來講，因爲各類緣由的限制（好比窮。。。）可能沒法購買存儲空間比較大的VPS。

而對於markdown來講，由於markdown源文件是純文本的。 因此沒法存儲圖片類的多媒體文件。

固然像印象筆記等是支持本地圖片存儲的，這個就另說了。

因此爲了解決文章中圖片存儲的問題，咱們能夠考慮使用圖牀的方式，將圖片保存在存儲服務器上，而在咱們的文章中引用圖片連接就能夠了。

使用圖牀的優勢：

• 方便，簡潔
• markdown源文件「可移植性」更好
• 選擇優質的圖牀能夠加快文章的加載速度

固然使用圖牀也有必定的風險和缺點：

• 圖片不是保存在本地，萬一圖牀服務器掛了，全部圖片都沒法正常顯示
• 速度慢的圖牀可能會致使圖片加載緩慢甚至加載異常
• 微信公衆號對圖牀的支持存在一些詭異的問題
• 公共圖牀的圖片存在被泄露的風險，不建議在公共圖牀中上傳涉及我的隱私及商業機密的圖片

相信若是你們看過某新晉做者的公衆號「吾碼2016」的文章的話，應該會發現，某些時候，文章內的圖片好像出了一些問題。雖然無傷大雅，可是做爲一個自我要求極其嚴格的做者，該公衆號做者正在想盡一切辦法解決這個問題。

因此是使用圖牀，仍是手工排版圖片，這個須要你們仔細斟酌。

若是你選擇使用圖牀的話，那麼就請繼續往下看。 若是你出於安全考慮，選擇手工圖片排版，那麼請點擊左上角的叉叉，而後繼續閱讀下一篇文章《比海飛絲還順滑的寫做體驗---幕布+typora》

圖牀的選擇

目前網絡上開放的公共圖牀不少我曾經用過的有一下幾個：

• sm.ms
• 聚合圖牀
• imgur
• 圖殼圖牀

這裏着重說一下圖殼，上一篇文章中介紹的公衆號編輯神器markdown nice編輯器默認支持的就是圖殼圖牀。 能夠直接將圖片粘貼到編輯器中，編輯器會自動上傳到圖殼。因此要說推薦的話，出於對markdown nice 做者大神的崇拜，我推薦圖殼。而且表示不接受反駁。。。

固然，若是對於公共圖牀不夠放心或者使用上不夠順手的話，這裏介紹兩個自建圖牀的方法：

• 使用Github搭建本身的圖牀，具體方法請點擊上方的叉叉，在歷史文章中找到《好記性不如爛筆頭-打造隔熱知識庫》一文，在該文最後有介紹具體操做教程
• 斥巨資購買阿里雲OSS服務搭建我的圖牀

好，做爲一個至今仍然沒法靠寫做賺到一毛錢但仍然嘴硬表示「本身並不差錢」的做者，這裏就教你們如何使用阿里雲OSS存儲服務搭建我的圖牀。

阿里雲OSS搭建我的圖牀

這裏要說明一下爲何選擇阿里雲。

由於我喜歡...你管我...

固然若是你不喜歡阿里雲的話，能夠選擇騰訊雲。可是千萬不要選擇百度雲，沒有爲何，看百度不爽而已...

Step1.首先打開阿里雲主頁：https://cn.aliyun.com/

阿里雲主頁

一股熟悉的氣息鋪面而來，不知道是阿里的UI偷懶仍是爲了讓雲計算服務更加親民化，爲何主頁設計的跟你家淘寶一個德行...

點擊右上角的登陸按鈕（是的，絕大部分人不須要註冊，由於即便沒有淘寶帳號，你也會有支付寶帳號的。。。）

而後選擇支付寶快捷登陸或者直接使用淘寶帳號登陸就能夠了。

Step2.跳轉回主頁以後點擊右上角的控制檯，一次選擇左上角的菜單，對象存儲OSS

Step3.點擊Bucket列表---建立Bucket

建立Bucket

Step4.按照下圖進行配置：

• Bucket名稱：全局惟一標識
• 區域：看着選，有不少地方。由於考慮到將來的個人目標讀者可能會遍及大江南北，因此我選擇的算是比較靠近中部的杭州。
• 存儲類型：標準存儲就能夠了
• 同城冗餘：關閉，固然若是你資金充裕的話，能夠考慮打開。這樣的話你的存儲會啓用災備，即便某個區域的服務器掛掉了，其餘區域依舊能夠提供服務
• 讀寫權限：這裏要注意，必定是公共讀！否則外網訪問不了圖片。。。
• 加密，日誌，備份：統統關閉，緣由只有一個字：窮！

。。。

點擊肯定以後，很快就能夠進入到咱們剛剛建立好的Bucket了

如今到了最肉疼的時候了，那就是去付費購買存儲包。

購買存儲包並充值

點擊資源包管理-購買資源包

購買資源包

而後按照下圖進行選擇，具體我就不解釋了，詳細解釋的話太複雜，時間的話建議一年起購，固然時間越久越便宜

這裏能夠看到，1年40G的標準存儲要耗費七塊兩毛錢的鉅額資金！！！

這樣的大手筆，你怕了嗎？

這裏要說一下，存儲包指的是咱們購買的阿里雲OSS的存儲空間。

下行流量指的是，外網請求咱們圖片的時候所消耗的流量。 這兩個是分開計費的。

原本還打算買個流量包，可是看了一眼價格...再想到個人博客和公衆號可憐的訪問量...我以爲我可能用不上...

可是在個人使用了將近一個月以後的某一天，我忽然收到這麼一條短信，嚇得我趕忙斥巨資給阿里雲交錢。

好，上面說的可能有點誇張。根據我這一個多月的使用狀況來看，關於費用方面我總結了如下幾點：

• 存儲包是必需要購買的。40G對於圖片存儲是足夠用的。一年7塊兩毛錢不算貴
• 流量的計費會根據圖片請求次數和請求流量來計費，通常我的使用不須要太過擔憂
• 在訪問流量不大的狀況下，幾乎能夠忽略不計，我充值了10塊錢，到目前爲止只用了兩毛七

用戶和權限配置

Step1.在對象存儲-概覽這裏，右上方，有快捷入口，選擇訪問控制RAM

訪問控制RAM

Step2.選擇用戶-新建用戶

新建用戶

Step3.依次填寫登陸名稱，顯示名稱。這裏須要注意的是必定要勾選編程訪問！！！

Step4.用戶建立成功以後必定要妥善保存AccessKeyID和AccessKeySecret

Step5.保存好這兩個值以後，返回用戶列表，選擇添加權限

Step6.這裏咱們選擇AliyunOSSFullAccess

好了，阿里雲的配置至此完成。

相關工具的配置和使用

上面咱們配置好了圖牀，可是若是每次都經過後臺上傳的話，很是的不方便。 這裏推薦兩個圖牀工具：

• MPic：界面比較簡單，可是上傳速度很快
• PicGo：支持的圖牀多，能夠自定義插件，開發團隊解決bug的速度很快

MPic的配置和使用

MPic是綠色版軟件，不須要安裝，下載解壓後能夠直接運行。 軟件體積很小，上傳速度至關快，並且會自動根據日期創建文件夾分類。

可是有個缺點就是MPic會一直檢測剪貼板，並且是自動上傳。 因此只要截了圖它就會biu~的一下以迅雷不及掩耳盜鈴響叮噹仁不讓之勢給你上傳上去。

建議做者加個快捷鍵會更好一點。讓用戶須要上傳的時候再上傳。

Step1.在主面板-設置帳號

設置帳號

Step2.填寫如下相關信息：

mark

Endpoint信息能夠在阿里雲控制檯，概覽頁面中看到：

Endpoint信息

AccessKeyID和AccessKeySecret就是前面要求你們保存的內容。

Bucket是咱們建立的Bucket名程。最後一個空，你們能夠理解爲須要上傳到的文件夾。

配置好以後，咱們正常截圖或者複製附圖片到剪貼板，MPic就會自動上傳，返回的結果是圖片的Markdown格式的連接，能夠直接插入到Markdown筆記中去。

PicGo的配置和使用

PicGo相對MPic來講，支持的圖牀更多，並且支持自定義插件的形式新建圖牀上傳接口（前提是你會寫Node.js。）

下載連接已經放在前面了，這裏只說一下配置

PicGo配置

這裏須要注意的是，咱們須要寫的是存儲區域，並非EndPoint，這個跟MPic是不同的。能夠在阿里雲OSS存儲的概覽界面查看。

另外就是快捷鍵的設置，

設置快捷鍵

好了按照這個配置好了以後，就可使用了。 和MPic同樣，上傳圖片後會自動返回Markdown連接

Picgo好用的一點在於，不會自動上傳，減小了誤觸發。 這點比較好。可是速度和穩定性上，好像比MPic差一點。不過能忍。

阿里雲OSS browser

這玩意兒就是個文件管理器，用處不太大。

不過若是須要進行文件管理的時候，又不喜歡登後臺的...能夠下一個玩玩。

反正是綠色版的。不用的時候就丟在那兒。

阿里雲OSS Browser登陸

• 阿里雲OSS下載地址

OSSBrowser管理界面

劃重點！5秒鐘學會使用圖牀

可能上面自建圖牀的方式對於非技術類做者有點太複雜了。那麼請看這裏，5秒鐘（正負3秒，取決於你的網絡速度，電腦性能和手速）學會使用圖牀。

來，跟着我作！

Step1.打開瀏覽器，輸入https://mdnice.com/

Step2：正常寫做，而後光標定位到在須要插入圖片的地方，右鍵-圖片-上傳圖片（截圖請右鍵直接粘貼）

Step3：點擊肯定

Step4：屏氣凝神，等待圖片上傳完成。

Step5：深藏功與名

Markdown nice集成了圖殼圖牀， 不管是對於微信公衆號仍是國內的博客都比較友好，不多出現博文中圖片加載失敗的狀況。

實測能夠放心使用。

P.S. 我和Markdown Nice團隊沒有利益相關，只是以爲這玩意兒太好用了。友情推薦，可能推薦的力度有點大...

可是若是你細心的注意到了就會發現。對於整個寫做系統的介紹，我提供了技術流喜歡的技術方案，也提供了不少非技術人員或者不喜歡折騰的童鞋的「一鍵操做」方式。

Markdown Nice絕對是這種「一鍵」操做中的佼佼者。

還有不管是哪一種方式，本身寫的開心就好，若是由於咱們的分享能給別人帶來新的思路和體驗，那就是最好不過的事情了。

臥槽，是否是又煲了個雞湯。。。

本文使用 mdnice 排版