七牛雲圖牀和Markdown使用

七牛雲圖牀和Markdown使用

一、圖牀是什麼？

圖牀通常是指儲存圖片的服務器，有國內和國外之分。國外的圖牀因爲有空間距離等因素決定訪問速度很慢影響圖片顯示速度。國內也分爲單線空間、多線空間和cdn加速三種。來自百度百科

二、爲何要使用圖牀？

目前的網站、博客等站點中，除了大型網站，官方網站等會自建圖片、視頻等專用於存放文件的服務器。其餘站點若是是這類文件不少，並且具備較強的依賴性質(服務遷移等狀況)的話，那麼將是一件複雜的事情，由於每一個站點的文件存儲方式不一樣。目前主流站點文章的寫做方案是Markdown格式，Markdown是一種純文本格式的標記語言。經過簡單的標記語法,它可使普通文本內容具備必定的格式。編寫Markdown格式的文章，往文章中插入圖片等資源是一個問題，由於若是你使用了本地的存儲，那麼文章發表後，圖片連接都須要調整。
基於上述狀況，咱們有了一種只要有網絡，就能實現圖片文件固定連接訪問的需求。所以，圖牀服務是較完美的選擇，
圖牀對比：

• 微博圖牀類，獲取url方式：經濟實惠，但穩定性差，近期微博圖牀開啓了防盜鏈，大撥外鏈圖片不能正常使用
• cdn加速，公有云類：須要購買雲存儲空間，例如阿里雲對象存儲oss、騰訊雲對象存儲cos、微博圖牀、七牛雲圖牀、又拍雲圖牀等
• 自建圖牀：若是是僅僅我的使用的話會費勁又費錢
• 國外圖牀：例如像Github圖牀這類，既不收費用戶也多，但惟一的不足就是牆牆牆！

三、七牛雲圖牀介紹

選擇七牛雲圖牀在於七牛雲是專一於打造數據爲核心的場景化Pass服務商，在靜態資源的資源分發，加載速度、只能壓縮方面可能會相對好一些，固然各個大廠都有其專一點，本文沒有針對性。
對於小站點來講，建議選擇的是七牛雲，七牛雲推出了更多的CDN回源優惠政策，有10G免費空間能夠選擇（少花錢固然更好）

四、七牛雲圖牀的使用

4.1 帳號註冊

使用前須要註冊一個七牛雲的帳號並進行實名認證，實名認證須要必定的審覈時間，註冊地址爲：https://portal.qiniu.com/signup

4.2 建立存儲服務

登陸到控制檯，新建一個存儲空間，輸入存儲空間的名稱，選擇存儲區域，本存儲空間是用於站點圖牀，因此選擇訪問控制類型爲公開空間，以下所示

4.3 配置存儲服務

存儲服務建立完成後，須要配置一個融合CDN域名，融合CDN域名簡單來講就是指資源對象的外鏈域名，七牛雲提供了融合CDN的測試域名，官方提示爲：七牛融合 CDN 測試域名（以 clouddn.com/qiniucdn.com/qiniudn.com/qnssl.com/qbox.me 結尾），每一個域名每日限總流量 10GB，每一個測試域名自建立起 30 個天然往後系統會自動回收，僅供測試使用而且不支持 Https 訪問。所以須要咱們本身配置一個CDN加速域名，以本站點爲例，控制檯中點擊建立域名，域名類型選擇普通域名，其餘配置默認或根據需求優化配置便可

4.4 配置域名解析

配置完成後跳轉到域名管理界面，顯示了一個cname記錄，這就是配置好七牛雲存儲提供的的cdn加速域名，ssgeek.com的域名服務器是阿里雲旗下的萬網，這裏配置的image.ssgeek.com域名和對應的cname記錄須要
在阿里雲的域名控制檯中添加一條解析記錄

解析記錄添加完成後，須要等待一段時間才能生效

4.5 配置外鏈默認域名

在存儲空間列表，內容管理，選擇外鏈默認域名爲配置的域名而不是測試域名

4.6 AccessKey/SecretKey

AccessKey和SecretKey是訪問和操做對象存儲的密鑰對，其中AccessKey會在傳輸中包含，而用戶必須保管好SecretKey不在網絡上傳輸以防止被竊取。在控制檯點擊我的中心，密鑰管理便可查看到密鑰對。

4.7 qshell

七牛雲提供了一個對象存儲的shell客戶端命令行工具qshell
qshell用戶go語言編寫，因此只須要將二進制文件下載下來並配置好上面的密鑰AccessKey/SecretKey便可操做對象存儲，具體命令用法可見官方文檔
配置方法爲

qshell account ak sk name

其中name表示該帳號的名稱, 若是ak, sk, name首字母是"-", 須要使用以下的方式添加帳號, 這樣避免把該項識別成命令行選項

qshell account -- ak sk name

五、Markdown文件使用七牛雲圖牀

5.1 Markdown編輯器

Markdown格式文件編輯器有不少，經常使用的如CmdMarkdown、Typora、Atom、MWeb等等，須要注意的是CmdMarkdown收費版本也提供了自帶的圖牀服務，除此以外，一些ide開發工具好比VS Code也支持編寫Markdown格式文件

5.2 圖牀工具

使用圖牀的客戶端工具也有不少，在Windows平臺下有圖牀神器Mpic，在Mac平臺下有PicGo、iPic(收費)、CuImage等。
有mac開發大佬利用mac下的效率神器Alfred工具強大的WorkFlow功能開發的提高 markdown 貼圖體驗的實用小工具也還不錯，可參考其Github地址下載，並按照說明配置快捷鍵及參數便可使用。

5.3 Typora + PicGo

利用編輯器Typora和圖牀工具PicGo可實現Markdown文件使用七牛雲圖牀圖片，具體步驟以下：
在PicGo中配置七牛圖牀並設置爲默認圖牀

其中圖牀的存儲區域代號，能夠參照七牛雲存儲區域說明填寫

配置完成後，在上傳區點擊選擇圖片或者拖拽進行上傳，連接格式選擇Markdown

提示上傳成功後點擊相冊，便可查看對應圖片並複製插入到Markdown文件中的連接，粘貼進入Markdown編輯器中便可

5.4 MWeb

MWeb是mac和ios平臺下的一款優秀的Markdown編輯器，能夠說包含你想要的全部功能！該編輯器自帶圖牀功能(包含七牛雲，又拍雲等多種圖牀)和文章發佈功能(包含印象筆記，wordpress，語雀等多站點平臺)
在發佈服務中添加已增長的本地圖片上傳服務(圖牀)，添加完成能夠點擊驗證，選擇圖片上傳進行驗證

文章中直接添加本地的圖片，點擊「發佈」——>「把本地圖片傳至圖牀，發佈至微信，知乎等」選項，根據提示，程序會自動上傳本地圖片到所選的圖牀中，而後把文檔中的本地圖片地址換成上傳後的地址。。。。。總之，發佈後你只須要CMD+V便可使用圖牀的資源

六、小結

圖牀很好的解決了Markdown文件圖片存儲的問題，並且還能有效減小咱們本身站點服務器的資源，最後，附上本文中涉及到的圖片在七牛雲控制檯中的列表大圖