一、圖床的選擇

相信大部分技術人寫作都用的是 markdown 輕量級標記語言進行博客寫作，這種寫作讓我們不用像使用 word 那樣那么麻煩地調整排版和格式，只需專心內容寫作并且照樣排版完美的一種方式。但是，基本所有支持 markdown 本地寫作工具都只能采用導入本地圖片引用的方式，對于一篇需要大量圖片闡述的文章以及該文章上傳至網絡圖片丟失，這不得不是個很糟糕的問題。那么有什么比較好的解決方式嗎？額，很多人采用的圖片寄存于網絡，用服務廠商作為圖片存儲的地方，大家都叫為「圖床」，好了，那像 CSDN 博客、簡書平臺不是都可以嗎？哈哈，是的，它們平臺寫文章的時候都可以導入圖片然后得到一個圖片網絡地址。但是，圖片數量多，這不是賊煩嘛！

好了，那有專門可以作「圖床」功能的服務商嗎？有的，比如七牛云。

網上谷歌搜下還是能搜到很多圖床網站的，哈哈，先隨便列舉一些：（以下按照谷歌搜索排名順序來的）

• 極簡圖床

  默認公共圖床使用 sm.ms、微博圖床，可以自定義支持七牛，界面簡潔美觀，支持?Chrome 插件，注冊后還可以同步上傳歷史。

• 路過圖床

• Qchan圖床

• 小賤賤圖床

• SM.MS

  SM.MS?是由 V2EX @Showfom?自建的，無外鏈限制，無流量限制的圖床，支持 HTTPS，速度不錯，已經運行兩年多了。簡易的在線圖床工具

• …….

• 微博圖床

看下別人的推薦吧：

• 嗯，圖片就交給它了（該文寫的很清楚，下面的「總結」參考的該文）
• 知乎：國內有什么方便的圖床？
• 知乎：有哪些適合開發人員的圖床？
• ……

—————————————————————–總結—————————————————————————-

1、圖床分類：

• 公共圖床
• 自建圖床：云服務（如七牛云、又拍云、阿里云OSS）
• 自建圖床：開源方案 （如 Lychee 開源方案、樹洞外鏈）

目前圖床可以分為兩種，一種是公共圖床，一種是自建圖床。?公共圖床也就是利用公共服務的圖片上傳接口，來提供圖片外鏈的服務，比如「微博圖床」。自建圖床，也就是利用各大云服務商提供的存儲空間或者自己在 VPS 上使用開源軟件來搭建圖床，存儲圖片，生成外鏈提供訪問，比如七牛云、Lychee 開源自建圖床方案。

目前自建圖床方案有兩種，一種是利用云服務商提供的存儲服務來作為圖床，通過 API 來管理圖片，另一種是在 VPS 上安裝開源的圖片或文件管理程序，只要能提供外鏈，基本都可以作為圖床來用。

圖床服務最重要的是穩定性，大廠的云服務也都比較有保障，大家只要考慮下價格和易用性就可以了。就我個人而言，我首先推薦七牛，它的價格比較厚道，免費用戶也有一定額度，數據可以自己掌控，另外各大平臺的圖床工具也基本都支持，易用性很高。其次推薦微博圖床，對于不是很重要的圖片，都可以存到微博圖床，畢竟流量存儲都免費，速度也不錯。至于圖床工具，就看自己的喜好了，只要順手就行。但是不論選擇哪一個服務或者工具，我覺得首先要自己可以掌控數據。

總之，適合自己的才是最好的。

2、圖床工具：

雖然圖床選擇好，但是對普通用戶來說，直接使用圖床 API 很麻煩，我們可以借助一些工具方便的上傳圖片，下面就根據 macOS、Windows、Web 分別推薦幾款工具。

• macOS：

  • iPic：https://itunes.apple.com/cn/app/id1101244278?ls=1&mt=12

    可以看看這篇文章：?iPic - 圖床神器

  • MWeb（markdown 寫作工具，也支持上傳工具）：?http://zh.mweb.im/

  • Dropzone 3：?https://itunes.apple.com/us/app/dropzone-3/id695406827?mt=12

• Windows：

  • MPic：?http://mpic.lzhaofu.cn/

    MPic?目測是 Windows 上唯一的圖床工具了，目前只支持七牛，把圖片拖拽到軟件窗口中就能上傳。

• Web： 使用 Web 技術開發的圖床工具一抓一大把，大部分都基于七牛和微博圖床 API，這里就介紹兩個體驗不錯的吧。比如「極簡圖床」、「微博圖床」等等。

• 腳本：如果你對上面的產品不滿意，并且你會折騰的話，可以使用這個腳本來完成圖片上傳：Markdown 圖片實用工具?， 該腳本使用 Python 版的七牛 SDK 來實現上傳功能，你可以按照相關介紹，搭配 Alfred 來快速完成圖片上傳。

二、七牛云圖床教程

先介紹下七牛：

七牛?是一個云存儲服務商，注冊并實名認證之后1后，你將免費享有 10GB 存儲空間，每月 10GB 下載流量、100 萬次 GET 請求、 10 萬次 PUT/DELETE 請求。七牛的定位不是像百度云一樣的?網盤?，也不是同堅果云一般的?同步云?，而是?CDN?2?，讓你在瀏覽網頁的時候最快的接收到頁面中的圖片、音頻等文件，所以非常適合個人、企業用戶用來儲存站點資源。對于個人博主來說，你可以把博客中的圖片、音頻、視頻等媒體上傳到七牛，在博客中引用；也可以將站點需要加載的CSS、JS等文件上傳到七牛，以加速網站。

網上對七牛云的評價：

• 七牛云為實名認證的個人用戶提供 10Gb 的儲存空間，提供命令行工具管理圖片，在后臺可批量修改圖片屬性。

• 七牛云是國內口碑不錯的一個云存儲為主的公司。它的特點應該就在圖片存儲上，有非常方便的上傳SDK和圖片處理流，用來作為博客圖床非常合適，而且價格不貴，每月有免費的10G流量。

• ….

2.1 最原始上傳

大概步驟分為以下幾步：

到?七牛云?網站注冊；

實名認證（實名認證了才能享受 免費 10Gb 存儲空間；實名認證需要「本人手持身份證」的正反面兩張照片，請提前準備好）；

點擊「管理控制臺」；

「資源主頁」–> 點擊「對象存儲」，立即添加（即創建存儲空間，七牛云把這個叫作”Bucket“），其中包括以下三個項：

• 存儲空間名稱：存儲空間名稱作為唯一的 Bucket 識別符
• 存儲區域：區域選擇自己附近的
• 訪問控制：作為圖床的話，訪問控制只能選擇為「公開空間」

點擊創建，ok。

然后打開存儲空間，選擇內容管理，點擊上傳文件，上傳你所需要用到的圖片；

上傳完成后，在存儲空間文件列表中點擊某一文件的右側按鈕，可以看到外鏈地址，復制粘貼即可用。

想看圖片形式的操作，可以參考該文：使用七牛云存儲做圖床

現在來看看一張圖片上傳圖片所經歷的步驟：

登錄打開七牛云網頁個人存儲空間

上傳圖片

復制外鏈

粘貼到 Markdown

一張圖片用了四步吶，想想圖片多，那不是作死嘛。

那有什么方法嗎？當然有，方法有三個：

一、七牛云插件上傳：簡單

二、使用 dropzone 上傳：方便

• 使用Dropzone和七牛優化博客圖床
• Mac OS 圖床運用優化模式 - Microdust

三、使用命令行上傳：快捷，尤其適合需要目錄及協作的團隊

官方有個「開發者工具」頁面，提供一些工具進行上傳，包括后面講的 qshell，地址是：https://developer.qiniu.com/sdk#official-tool?， 其中有個「QSunSync」的 Windows 版本圖片同步上傳客戶端。

2.2 七牛云插件上傳：簡單

• 下載?Demo 集錦- 七牛云存儲?的 Chrome瀏覽器插件 「qiniu upload files?插件」

  七牛云插件,像使用桌面系統一樣管理你的七牛云空間；

  支持拖拽上傳，批量操作，文件處理等功能

  操作看這篇文章：https://www.jianshu.com/p/44d818f781a7

• 還可以利用在線「極簡圖床」工具，默認使用的為公共圖床 sm.ms，但是也可以自定義的，自定義圖床為七牛云圖床，方法如下：

  在最前面有關七牛云的注冊等等操作，前面已經講了，不絮叨了，之后：

• 在“個人面板”->“密鑰管理”中查看 AccessKey/SecretKey；

• 在儲存空間的“空間概覽”里，記住這里的“測試域名”；

• 在「極簡圖床」上配置上剛才七牛儲存的“空間名稱”、“AccessKey”、“SecretKey”、“域名”后，保存。然后就可以上傳到自己專屬的七?？臻g上了。

  • “AccessKey”、“SecretKey”：在“個人面板”->“密鑰管理”中查看AccessKey/SecretKey

  • “域名”：在儲存空間的“空間概覽”里可以看到

詳細的參考「參考資料」①文章：http://blog.csdn.net/itvincent/article/details/54292591

2.3 使用 dropzone 上傳：方便

這兩篇文章已經寫得很清楚了，大家按照以下兩篇文章操作即可

• 使用Dropzone和七牛云存儲來優化博客圖床
• Mac OS 圖床運用優化模式 - Microdust

2.4 使用命令行上傳

1、qshell

使命命令行方式，可以不用手動上傳文件到七牛，它會自動幫你將本地目錄的文件同步到七牛之前設定的存儲空間下。

詳細教程，參考「參考資料」②文章的方法三，但是參考資料②中所說的 qrsync 已經失效，現在使用的 qshell 命令行，操作方式其實類似。

先引用官方的 qshell 介紹：

qshell是利用七牛文檔上公開的API實現的一個方便開發者測試和使用七牛API服務的命令行工具。該工具設計和開發的主要目的就是幫助開發者快速解決問題。目前該工具融合了七牛存儲，CDN，以及其他的一些七牛服務中經常使用到的方法對應的便捷命令，比如b64decode，就是用來解碼七牛的URL安全的Base64編碼用的，所以這是一個面向開發者的工具，任何新的被認為適合加到該工具中的命令需求，都可以在ISSUE列表里面提出來，我們會盡快評估實現，以幫助大家更好地使用七牛服務。

配置教程參考?官方文檔?或者?官方GitHub， 同時官方也有視頻教程：https://developer.qiniu.com/kodo/kb/3858/video-of-how-to-use-qrs-tools

2、hexo-qinqiu-sync

網上看到有通過命令安裝hexo-qiniu-sync插件的方式：http://skyhacks.org/2017/08/02/UseQiniudnToStorePic/、?https://yuchen-lea.github.io/2016-01-21-use-qiniu-store-file-for-hexo/

GitHub 上也有教程：https://github.com/gyk001/hexo-qiniu-sync

筆者在該篇文章所看到：優雅的使用七牛做圖床， 里面這么說：

先是用了下很多人提到的這個插件hexo-qiniu-sync, 然而效果實在是大跌眼鏡，在我這主要有這兩個問題：………….

……

然后發現了?qshell?….

然后，我換了種思路，在source文件夾下新建個圖片文件夾，和文章相關的圖片放到這里，再把這個文件夾內容同步到七牛，然后在博客使用七牛鏈接就好了唄，恰好發現官方有這個工具qshell，基本滿足我的想法。

…….

好吧，這么看來，還是用?qshell?這個合適。

2.5 圖片優化

• 圖片搜身、水印處理、自動旋正解決照片莫名其妙發生旋轉：http://masikkk.com/article/hexo-19-qiniu-cloud/
• ………

三、筆者最后使用的方法

由于筆者用的 windows，并且對圖片上傳的強烈要求不大，只要能保證方便上傳圖片就行，目前暫且就考慮以下幾種方式。

第一種：使用本文一開始提到的谷歌搜索「圖床」那些在線圖床進行上傳就是，比如?SM.MS，不過可的可能會有某些限制，比如「小賤賤圖床 」每日上傳圖片限制數：20張。

第二種：?使用本文提到Chrome瀏覽器插件?qiniu upload files?插件，填寫空間名稱、AK、SK、域名等設置即可從電腦拖拽圖片至瀏覽器即可完成上傳，得到外鏈地址。

第三種：?使用本文提到的?極簡圖床，設置七牛云為圖床，填寫空間名稱、AK、SK、域名、樣式，上傳圖片即可得到外鏈地址。PS：其中，樣式為可選設置，其作用是?通過添加七牛樣式后綴，實現水印、縮略圖功能，查看使用說明

第四種：?使用本文提到的 Windows 下目測唯一的上傳工具?MPic?，首先下載下來，然后：

打開文件，啟動程序請點擊MPic.exe，為方便啟用可點擊右鍵發送到‘桌面快捷方式’。

使用前先設置七牛云存儲賬號，即輸入七牛云空間名、AK、SK、域名，保存；

然后就可以直接拖拽圖片至客戶端就能上傳。

說明：下載的文件中包含的 CSkin.dll 文件，它是程序的核心文件，請與 MPic.exe 文件保持在同一目錄中；需要查看歷史上傳記錄請點擊‘我的上傳’即可查看。

第五種：① 使用官網?開發者工具頁面?的「QSunSync」同步上傳windows客戶端，親測了下，沒有成功，還不知道哪的問題；② 或者使用官網的開發者工具頁面的 qshell 工具（基于七牛 API 服務的命令行工具），教程都在官網。

考慮到可以綁定七牛云，我最后考慮了第二、第三、第四種方式（這幾種方式都可以綁定七牛云為圖床），也都差不多，都可以選擇。當然不考慮綁定注冊過的圖床，只是偶爾上傳圖片而已，就用?SM.MS?這個也 ok。

---

參考資料：

• ① 利用「極簡圖床」網站頁面上傳圖片至七牛云存儲：使用七牛云存儲markdown用的圖片

• ② 這篇文章關于把七牛云作為圖床的教程寫的很詳細、全面：如何使用七牛云做為圖床？

• ③?使用七牛云作為博客的圖床
• ……

總結

以上是生活随笔為你收集整理的图床的选择的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。