MWeb 圖牀配置 - 七牛雲

之前我曾寫過一篇 Mac 上的 Markdown 寫作工具——MWeb 相關的文章 《電腦寫作利器 MWeb|如何使用第三方預覽樣式?》,主要是講如何在 MWeb 中使用第三方預覽樣式,讓文章的預覽視圖看起來更舒服。

這一次我想寫一下 MWeb 的圖牀配置問題,MWeb 內置了「發佈服務」的功能,支持將本地編輯好的文章直接發佈到 Wordpress、Medium、少數派等網站。

但要想讓整個過程一氣呵成的話,我們需要先解決圖牀配置的問題,這樣你發佈的文章中的圖片纔不會出現丟失或上傳失敗的問題。

在解決這個問題之前,我們需要先了解什麼是圖牀?

圖牀是什麼?

圖牀,可以理解爲一個存放圖片的網絡空間或服務器,你發佈到朋友圈的圖片,別人之所以能看到,是因爲你上傳的圖片放在了騰訊提供的網絡空間上。

這個網絡空間充當了橋樑的角色,對已成爲微信好友的人或設置爲最多可見 10 張圖片的陌生人開放,這樣別人就看到了你發佈在朋友圈的圖片。

對應到寫文章這件事,我們也需要將文章中用到的圖片,上傳到寫作平臺的圖牀(服務器),這樣讀者在讀文章時才能順利看到我們附上的圖片。

但如果你和我一樣,會將一篇文章發佈到不同的平臺,例如將首發在公衆號的文章發佈到知乎,你大概率會遇到一個蛋疼的問題——粘貼到知乎編輯器的文章會出現多個「圖片上傳失敗」的提示。

之前爲了解決這個問題,我的方法是:先將微信文章複製到簡書,再從簡書複製到知乎編輯器。這個方法幾乎能完美解決圖片上傳失敗,少數時候會遇到 Gif 上傳失敗的問題。

說句題外話,從上面這種解決方法推測,微信爲了避免被別的寫作平臺當成圖牀(避免被薅羊毛),它禁用了圖片的外鏈引用,當它識別到當前的環境不是在微信體系內,圖片就會顯示失敗,這就導致了圖片上傳失敗的問題。

而現在,我有了一個更好的解決方法——將圖片上傳到自己的圖牀帳戶中。這個方法可以省去上面「粘貼到簡書」的中間步驟,簡化整個流程,更重要的是,你可以更方便地將文章分發到多個平臺,例如自己的個人博客或其他寫作平臺。

有哪些可用的圖牀?

免費圖牀

網上有不少人整理了多個免費的圖牀,但目前我用過的免費圖牀只有兩個:路過圖牀和微博圖牀。

  • 路過圖牀 https://imgchr.com/
    全球CDN加速, 支持外鏈, 原圖保存, 最大單張支持10 MB

  • 新浪微博圖牀 https://www.crx4chrome.com/crx/17508/
    爲了讓微博圖牀更易用,有人開發了一個瀏覽器插件「新浪微博圖牀」,支持選擇/拖拽/粘貼上傳圖片,並生成圖片地址、HTML、UBB 和 Markdown 等格式

免費圖牀雖然可以不花錢,但我悲觀地認爲,大多免費且賺不了錢的服務終究走不了長遠,也許未來的某一天,你就會突然收到「XX 關停」的通知。

如果你想更妥善地保存自己的圖片數據,最好還是選擇大一點或者收費的圖牀工具。

收費圖牀

七牛雲雖然是一個主打收費的服務,但它對所有註冊的實名用戶,還是免費提供了每月 10 GB 的存儲空間、每月 10 GB 的 CDN 回源流量,具體可見下圖。

其實我對這些術語也不是很清楚,但這些免費額度,對於一個沒什麼訪問量的博客來說,已經夠用了。

瞭解更多關於七牛雲計費方式的內容,可以參考官方的文檔:
https://www.qiniu.com/prices/kodo?source=kodo

首次使用七牛雲,它會給每個人分配一個臨時的測試域名,有效期爲一個月,過期之後如果你還想使用七牛雲作爲圖牀的話,就需要自己去註冊一個域名。

MWeb 七牛雲圖牀配置

MWeb 本身支持的圖牀服務較多,例如七牛雲、騰訊雲和阿里雲等,還支持自定義更多圖牀。

配置之前,我們先在瀏覽器打開七牛雲的「控制檯」,切換到「對象存儲」,新建一個公開的空間,這裏我將空間名稱命名爲 blog-picbed20,空間名稱自行定義,後面會用到。

打開創建好的空間,需要添加「CDN 加速域名」,域名的格式爲「cdn.+自己註冊的域名」,接着需要配置右側的「CNAME」,將鼠標移動到 CNAME 上方,它會給出配置 CNAME 的指導。

複製七牛雲空間的 CNAME 值,接着打開你註冊的域名的「DNS 解析頁面」,因爲我是在騰訊雲註冊的域名,這裏打開的就是騰訊雲的管理後臺。

在解析列表中新增一條記錄,主機記錄爲 cdn,記錄類型選擇 CNAME,記錄值位置粘貼剛從七牛雲得到的 CNAME 值。

完成這個步驟後,回到七牛雲的控制檯,刷新頁面,直至 CDN 加速域名的狀態顯示爲「成功」,則表示完成了七牛雲的配置。

回到 MWeb,打開「偏好設置」,切換到「發佈服務」,添加「七牛雲存儲」,API 地址選擇離你較近的地區即可。

空間名稱:前面創建七牛雲空間自定義的名稱
域名:http://cdn.+自己註冊的域名

而其中的 Access Key 和 Secret Key 則需要再次回到七牛雲的後臺獲取,點擊右上角的帳戶頭像,在彈出的菜單中,選擇「密鑰管理」,創建一個新的密鑰。

下圖的 AK 和 SK 分別對應 MWeb 裏的 Access Key 和 Secret Key,分別粘貼到 MWeb 中相應的位置,就完成了 MWeb 中圖片的配置。

藉助 MWeb 集成的將本地圖片上傳到圖牀的功能,當你將文章從 MWeb 發佈或粘貼到其他平臺之前,先選擇頂部的菜單「發佈--把本地圖片傳至圖牀」。

在彈出的窗口中,選擇「七牛雲圖牀」,接着點擊右下角的「上傳本地圖片」,MWeb 就會將本地的圖片上傳到七牛雲圖牀,再自動返回圖片上傳到圖牀後的「遠程地址」。

此時如果你想將文檔發佈到公衆號或知乎,先點擊「複製帶樣式的 HTML」,再切換到發佈內容的平臺,使用 Command + V 粘貼,文章和圖片也會隨之過去了,一氣呵成,不會出現圖片丟失的問題。

第一次看完整個配置,你可能會覺得非常麻煩,但就像老話說的「萬事開頭難」,開頭的坑趟過去了,後面等着你的可能就是一馬平川的廣闊天地。

完成第一次稍微有些麻煩的配置,你就可以持續享受一次配置帶來的多次收益,這某種程度上也可以算是一種「複利」行爲,何樂而不爲?

以上,希望有幫助。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章