今天熊投稿的帖子,我要強烈推薦。
老手直接往下看,新手肯定被圖床這兩個字給整懵了,字都認識,就是不知道什麼意思。可以直接顧名思義,
圖床,就是圖的床,是圖休息的地方。
我們的所有帖子都是用markdown格式寫的,這種格式的好處就是,不需要關注排版,文件小極其容易分享。markdown中,所有的圖片都是一個連接,但是渲染後就可以看到圖片。
這個連結指向的就是圖床,我們把自己想要展示的圖片上傳到圖床,然後他會返回一個連結,以後只要用這個連結就指向了這個張圖片。
在一個文檔裡面,有100張圖片,可能就會很大,但是全部變成連結後就很小了,而且可以直接把連結拷給別人。
那麼如何設置屬於自己的圖床,如何方便地上傳圖片獲取連結就是本文的內容了,最終這篇帖子還展示了一些黑科技,比如如何自動讓100張本地圖片自動轉換為圖床連結,解放生產力。
以下是正文首先說明一點,因為本文的讀者中可能單獨使用 macOS 的為少數,所以下文介紹的所有工具儘量滿足雙平臺通用(Windows和macOS)。
它們不一定是在 macOS 的最佳選擇,如果你僅使用 macOS,文章中提到的思路和工具僅供參考。如果你同時在使用PC 和 Mac,那麼這是我目前摸索出來的比較滿意的雙平臺通用方案,希望對你有所幫助。
雲伺服器配置可以作為圖床的雲伺服器有很多,例如主打免費的 SM.MS 圖床(已經推出付費套餐)主做雲存儲七牛圖床和又拍雲等等。
如果要說免費(白嫖),目前我比較推薦的圖床是 GitHub 圖床,原因是 GitHub 的使用對多數有 md 圖床需要的人來說應該都不陌生,而且這個網站畢竟還是專業的,跑路可能性極小。
如果要說付費的雲存儲,我目前使用的是騰訊雲 COS, 這個東西在阿里雲裡叫 OSS,本質上都是一樣的。之所以使用騰訊雲的對象存儲,是因為有一個直接複製圖片到微信公眾號編輯器的需求,其它家因為防盜鏈的原因都無法正常複製圖片,但是騰訊雲在微信公眾號編輯器裡還是異常流暢的。如果沒有這個需求,阿里雲和騰訊雲並沒有什麼差別。
接下來以 騰訊雲,https://cloud.tencent.com/ 註冊為例,首先註冊登陸自然不必多說。然後為了讓圖床和寫作工具可以連接到你的騰訊雲,那麼就需要創建密鑰供這些工具使用。
獲得密鑰相關內容在騰訊雲的 API 密鑰管理,https://console.cloud.tencent.com/cam/capi 中新建一個密鑰,
首先在首頁的「雲產品」下拉菜單中選擇「對象存儲」。
然後選擇「存儲桶列表」後創建一個新的存儲桶。
在創建選項中根據提示操作即可,設置名稱,然後選擇伺服器地區,需要注意的是因為要用做圖床,所以訪問權限設置為「公有讀私有寫」。也就是只有你自己給存入內容,但是訪問內容(圖片)不受限制。
在上圖的配置中,有兩項內容叫做「存儲桶名稱」和「請求域名」,這個在設置好之後點擊你的存儲桶,然後選擇「基礎配置」也可以看到,另外你還需要在基本信息中記住「所屬地域」的代碼。
至此,你就獲得了配置圖床工具需要的所有內容。
本地圖床工具設置圖床工具有很多,好用的也有不少,但是全平臺免費開源且好用的選擇就不多了。這裡推薦的是 PicGo,https://picgo.github.io/PicGo-Doc/zh/,滿足全平臺免費開源且支持多種插件。嗯,好用。
三個特點主窗口支持拖拽、選擇圖片上傳;支持讀取剪貼板的第一張圖片快捷上傳。macOS支持頂部欄拖拽上傳
上傳成功後自動複製連結地址到剪貼板,支持5種複製粘貼格式,讓你的文本編輯極致高效。
支持JavaScript開發的插件,給予插件極大自由度,讓PicGo更加強大,成為你得手的效率工具。
簡單配置安裝好之後,在圖床設置中選擇「騰訊雲 COS」,勾選 V5 版本,然後依次填入上一步響應的信息即可。如果默認想使用 騰訊雲 那麼就「設置為默認圖床」。至此,本地圖床工具依舊設置好了。下圖為 PC 版本截圖,Mac 同理,同時也有命令行版本可以使用。
快速使用PicGo 的使用非常簡單,沒有任何學習成本。正如開發者介紹的那樣,你有多種方式把一張圖片發送到圖床中。
上傳成功後會有消息提示(果子: windows 可能沒有)
這個時候剪貼板已經默認保存了這個圖片的地址。這個地址的具體的保存格式你可以進行,我自然是設置為MarkDown 格式。直接在需要的位置粘貼即可。如果你想快速獲取曾經上傳的圖片地址。只需要在相冊視圖中點擊對應圖片下的「複製」圖標即可。
至此,本地的圖床管理工具已經配置完畢並且可以正常使用。
本地寫作工具設置如上文所言,當你配置好本地圖床工具之後,在任何 MarkDown 編輯器裡(例如vscode 或者 typora)直接在需要的位置粘貼即可。但是,如果本地的寫作工具直接支持上傳至圖床豈不美哉?
本地寫作管理工具 VNote本地寫作工具中支持一鍵將本地圖片傳至圖床的在Mac上有不少,例如 Typora(僅Mac版本)Mweb 等等。但是同時支持 PC 和 Mac 的本地 MarkDown 寫作工具,目前我用下來就只有 VNote,https://tamlok.github.io/vnote/zh_cn 體驗佳。提到 VNote 這款開源寫作工具完全可以單獨再開一篇文章好好寫寫(果子:熊的原話是,就本地文件的管理而言,Typora和VNote之間相差一到兩個印象筆記)。這裡只介紹其最近一個版本更新後加入的圖床功能。注意,一定是最新的2.8版本才可以噻。
自2.8版本開始,VNote支持了四種圖床,值得一提的是貢獻者提供了微信公眾號圖床,這個可能很多人都沒有聽說過。
VNote 配合騰訊雲VNote 的圖床配置也是非常之簡單。在「設置」中找到「圖床」,然後選擇騰訊雲。其中domain name 就是你的請求域名,其餘兩項就是上文 API 中SecretId和SecretKey。
這裡有幾點小坑需要注意!
domain name 就是你的存儲桶請求域名,但是務必請去掉連結裡 https:// 只需要輸入域名即可。
因為是本地編輯器,如果想要順利上傳圖片和展示就需要在存儲桶的設置中進行一點修改。所以建議你新建一個存儲桶來使用。配置內容如下圖,修內內容為設置跨域訪問。
設置內容如下
都配置好之後可以在 VNote 中進行測試。
一鍵上傳本地圖片到圖床(果子: 這個操作極其炫酷,意味著,你在VNote寫作的時候就直接把圖片複製粘貼就行,此時是本地的,寫完之後一鍵就可以全部轉為圖床連結。我的簡書被封掉之後,他就是這樣一鍵把我所有的圖片給拯救回來的)
配置好後,只要在任意文檔的編輯模式下,滑鼠右鍵選擇「上傳圖片」然後點擊「騰訊雲」即可。隨後,該文檔內的所有本地圖片都會自動上傳到你的圖床,然後圖片的地址會自動替換會圖床地址。
至此,通過:
雲伺服器配置
本地圖床工具設置
本地寫作工具設置(可選項)
你就可以愉快的利用圖床管理圖片和寫作了,當然上述都是最基本的入門設置,大體上可以達到簡快好的使用圖床。標題中的「省」是指的費用問題,使用騰訊雲的對象存儲畢竟是要錢的。
為了不讓別人盜用你的圖片借用你的圖床花你的錢寫(抄)他自己的文章,往往我們還需要在存儲桶中進行一些防盜鏈的設置。因為涉及到一些前端和網頁訪問的知識,這裡就不再基礎使用篇介紹了。如下圖所示,有興趣的可以自行研究下。
其實也可以不怎麼管這裡,因為確實很便宜,便宜到我都想把對象存儲當做網盤用。而且騰訊雲是有對象存儲客戶端的且不難用(Mac端)。我目前存儲的數量如下:
花費是多少呢?從10月1日到今天,一共花了3塊4毛錢。真的很省。如果你不是流量大戶,一年可能也就三四十塊。
結語最後,祝你使用愉快。另外,本文提到的 PicGo 和 VNote 都是開源工具,如果他們對你有所幫助,希望你可以給開發者捐贈,感謝他們的付出以及開源精神。