Typora編輯器 + PicGo圖片管理 + 阿里云OSS圖床

  1. 緣起

使用markdown進行工作記錄也有一段時間了,得益于typora在粘貼圖片之后,自動拷貝圖片到本地目錄的功能,也沒有什么特別復雜的東西。但是在分享東西給別人的時候,只能導出為pdf或者word,這樣做的時候,排版就變得很奇怪,word還能自己調整一下,但是pdf就沒有辦法解決了。于是我就想如果能直接分享導出的html文件,這樣別人只要有瀏覽器就能看了,但是這個時候就要用到的圖床了。圖床的作用就是把圖片存在網頁上,對應的圖片生成一個鏈接,然后利用markdown語法插入到文本中就可以調用圖片了。

  1. 準備

知道自己想要什么之后,就開始準備了,typora內置了幾個圖片管理的軟件如下圖,之所以選擇PicGo是因為他的后綴是.app,非常直覺地認為這個軟件應該挺適合的,于是就下載了。

image

原以為下載一個軟件就可以上傳圖片了,下載的時候也在想,難道一個軟件還能免費提供服務器?這個問題在我安裝完成之后就被解答了,答案是:不。

截屏2020-05-06 10.07.31

PicGo里面內置了幾個流行的圖床接口,它只是實現一個集成管理的功能,具體選擇哪一個還要看自己選擇的圖床運營商,然后我又在知乎搜索了幾個圖床的評價,經過考慮之后決定用GitHub圖床,首先是我有GitHub賬號,其次,GitHub空間似乎沒有限制,再者GitHub已經被Microsoft收購,穩定性應該有保證。

說干就干,按照網上的教程一頓操作,typora上傳圖片的測試是完成了,但是自己上傳文檔里的圖片的時候,發現圖片變黑了,在PicGo的相冊中,圖片也是黑的,打開Github,圖片是在里面的。可能是網絡不太好,畢竟GitHub是國外的服務器,糾結了一會兒之后遂放棄。

接下來試驗七牛云圖床,七牛云在我剛對圖床有點好奇的時候就很有名了,但是那時候沒有需求,也就沒有過多的了解。這次需求來了,就要好好地研究一下,同樣是按照網上的教程注冊,建立空間,設置權限等等。到了最后的時候,發現七牛云提供服務,但是需要綁定自己的域名,還要是備案過的,我只是想存個圖片啊,為啥要經歷這些。七牛云提供一個為期三十天的測試域名,三十天之后會回收,那就意味著,這幾天能正常使用,但是三十天之后就不能用了,除非綁定域名。

又上網搜索了一下,發現這個問題的解決也簡單,自己買一個域名綁定上就可以了,但是我個人沒有做網頁的需求,買個域名需要額外的花銷,不太值得。然后又看到有人說可以在阿里云買一個域名,還幫助備案,我一想,阿里云也有自己的圖床服務,不如直接用阿里的好了,如果也需要買域名,就在阿里云買一個,反正大公司,信賴還是有的。

  1. 實操

根據PicGo上的圖床服務名稱,搜索阿里云OSS,OSS是對象存儲的意思,按照教程的說法,主要有以下步驟:

  • 注冊賬號

  • 購買OSS服務的存儲空間

  • 購買流量(按量計費)

  • 創建子用戶

  • 創建圖片存儲空間

  • 設置PicGo

  • 上傳圖片

下面逐條介紹

  • 注冊賬號

注冊賬號非常簡單,直接點擊右上角免費注冊,用支付寶掃碼就可以注冊(也有其他可選方式),注冊之后不會主動跳轉頁面,這點比較坑,需要點擊登陸再次登錄(用注冊的方式,掃碼或者賬號密碼)。

截屏2020-05-06 10.51.53
  • 購買OSS服務的存儲空間

登陸之后,右上角有個人空間的入口,接下來需要購買存儲空間。

截屏2020-05-06 10.58.51

點擊控制臺進入,鼠標放在右上角,自動彈出導航欄,選擇對象存儲OSS,由于我已經購買,看不到購買界面了,或者不在這個地方,找找就能看見。

截屏2020-05-06 11.03.34

OSS資源包是包月購買的,類型如下。我對圖像存儲的需求不是很大,前面四個都是默認的選擇,后期還可以升級空間。資源包購買一年以上會有7.5折的優惠,考慮到自己入坑了應該就不會輕易爬出來,于是就買了一年。

截屏2020-05-06 11.09.04
  • 購買流量(按量計費)

上圖只是購買了存儲空間,上行下行的流量是需要單獨收費的,購買資源包之后,默認的收費方式是按量計費。具體的存儲包和流量費用說明參見*幫助文檔,里面有詳細說明。

  • 創建子用戶

主賬號的權限太大了,作為圖片存儲的日常使用建議建立一個子用戶。鼠標放在頭像處點擊訪問控制,在彈出窗口左側點擊用戶,接著點擊創建用戶,按照提示輸入自己想設置的賬戶信息。在訪問方式中勾選編程訪問,這是利用第三方工具上傳圖片必須的一步。

截屏2020-05-06 11.46.45

截屏2020-05-06 11.48.01

用戶創建完成后,會生成Access IDAccess secret,可以點擊復制保存在記事本中,備用。

截屏2020-05-06 11.56.07

返回用戶界面為創立的子用戶設置權限,由于只是圖片上傳,所以選擇管理對象存儲服務(OSS)權限即可,保存

截屏2020-05-06 11.58.39

  • 創建圖片存儲空間

購買存儲空間之后,默認流量是按量計費。在控制臺的導航欄點擊象存儲OSS,右邊有一個窗口顯示Bucket管理

截屏2020-05-06 11.32.37

點擊創建Bucket,出現下圖所示界面,Bucket名稱是自己定義的名字,類似于自己在服務器上的賬號,不能和別人的一樣。因為我買的資源包是中國大陸通用,所以區域這里就選擇了一個和自己比較近的就可以了,注意區域下面的提示,這個不管你買沒買資源包,都會有,不用管它。其他的選項保持默認就行,有些服務開通了可能要另外收費。唯獨讀寫權限那一項,需要選擇公共讀,不然圖片無法正常顯示。

截屏2020-05-06 11.34.10

創建完成后,從Bucket列表進入自己的Bucket,記住自己的訪問域名。

截屏2020-05-06 12.07.11

至此,圖床的設置已經結束。

  • 設置PicGo

截屏2020-05-06 12.11.10

前面四個必填的的對應地填上就可以了,ID和secret是設置子用戶之后生成的,存儲空間名就是自己設置的獨一的Bucket名稱,存儲區域就是自己訪問域名中的前面一段。最后確定,如果只有一個圖床那就建議把它設置為默認圖床。

  • 上傳圖片

進行操作之前先把typora和PicGo都關閉,然后打開typora進入設置,到圖像欄,上傳服務選擇PicGo.app,首先驗證圖片上傳選項,如果之前對圖床和PicGo的設置沒有問題,軟件會自動上傳一張圖片到服務器,出現上傳成功的提示

截屏2020-05-06 12.17.16

截屏2020-05-06 12.20.53

  1. 后記

Typora有上傳文檔中所有圖片的選項,我試了幾次,發現上傳上去之后,文中的圖片被打亂了。所以我暫時不建議批量上傳。只能用笨方法,一張一張地上傳了。

阿里云的按量計費需要提前往里面充值,昨天產生了大概60M的流量,晚上提醒我欠費0.02元會在24小時之內停止服務。我趕緊去充值了,根據別人的經驗,這個流量費也不貴,平時隨便用用也不會有多少費用。

現在有了圖床,希望以后能多些一點圖文并貌的記錄吧。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,501評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,673評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,610評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,939評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,668評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,004評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,001評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,173評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,705評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,426評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,656評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,139評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,833評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,247評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,580評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,371評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,621評論 2 380