PicGo + Gitee(碼云)實(shí)現(xiàn)markdown圖床

前言:深感在線博客的編輯器坑太多了官还,文檔丟失、必須聯(lián)網(wǎng)毒坛、可移植性太差望伦,所以開始尋找可替代的方案林说。

markdown是一門易于上手能幫助作者專心寫作的文檔編輯語(yǔ)言,它的好處太多了屯伞,建議想自己動(dòng)手做筆記寫博客的朋友都可以學(xué)一學(xué)腿箩,10分鐘上手(我昨天晚上還不會(huì)用,今天就開始用它寫博客了劣摇。珠移。足以證明它是真的很簡(jiǎn)單)
Tpyora是一款優(yōu)雅的markdown編輯器,也推薦給大家末融,至于安裝和配置钧惧,比安裝word還簡(jiǎn)單,就不贅述了

但是勾习,這都不是重點(diǎn)浓瞪,重點(diǎn)是咱們寫博客的時(shí)候,總是需要插入圖片的语卤,圖片存在本地的話上傳到博客網(wǎng)站去就沒法顯示了,就算一個(gè)圖一個(gè)圖的復(fù)制粘貼上去酪刀,想移植到其他的博客網(wǎng)站粹舵,圖就會(huì)失效,我們就需要圖床

圖床是干什么的骂倘? 圖床就是一個(gè)便于在博文中插入在線圖片連接的個(gè)人圖片倉(cāng)庫(kù)眼滤。設(shè)置圖床之后,在自己博客中插入的圖片鏈接就可以隨時(shí)隨地在線預(yù)覽了历涝,并且不會(huì)因?yàn)槿魏我馔庠驘o(wú)法查看诅需,除非自己親自刪除。

神奇的PicGo就是為了解決這個(gè)問(wèn)題誕生的荧库,它可以將圖片上傳到指定的圖床上堰塌,然后返回markdown鏈接,直接粘貼到你的文檔中分衫,就搞定啦

問(wèn)題又來(lái)了场刑,網(wǎng)上推薦七牛云阿里云都是要租賃服務(wù)器的,太麻煩還要錢蚪战,微博現(xiàn)在掛鏈接又很厲害牵现。大部分人選擇用github,但是github雖好卻是國(guó)外的網(wǎng)站邀桑,速度終究比不上國(guó)內(nèi)網(wǎng)站瞎疼,研究了小半天,終于發(fā)現(xiàn)完美的解決方案

最終決定使用PicGo + 國(guó)內(nèi)的github - 碼云來(lái)實(shí)現(xiàn)markdown圖床

廢話說(shuō)到這里壁畸,開始進(jìn)入正題


1. 安裝

  • PicGo

  • picgo-plugin-gitee-uploader插件

首先打開picgo官網(wǎng)贼急,下載安裝包

速度還挺快茅茂,沒關(guān)系,PicGo2.1.2的安裝包下面鏈接自取

安裝之后打開主界面

選擇最底下的插件設(shè)置竿裂,搜索gitee

點(diǎn)擊右邊的gitee-uploader 1.1.2開始安裝

這里注意一下玉吁,必須要先安裝node.js才能安裝插件,沒裝的自己裝一下腻异,然后重啟就行进副。

這個(gè)地方有兩個(gè)插件,我試了一遍悔常,兩個(gè)都能用影斑,大家看心情選擇,先說(shuō)一下右邊這個(gè)gitee-uploader 1.1.2机打,用不了的同學(xué)就選左邊那個(gè)矫户,我都會(huì)講一遍配置


2. 建立gitee(碼云)圖床庫(kù)

注冊(cè)碼云的方法很簡(jiǎn)單,網(wǎng)站引導(dǎo)都是中文残邀,不多說(shuō)了皆辽,我們直接建立自己的圖床庫(kù)。

點(diǎn)擊右上角的+號(hào)芥挣,新建倉(cāng)庫(kù)

新建倉(cāng)庫(kù)的要點(diǎn)如下:

  1. 輸入一個(gè)倉(cāng)庫(kù)名稱
  2. 其次將倉(cāng)庫(kù)設(shè)為公開
  3. 勾選使用Readme文件初始化這個(gè)倉(cāng)庫(kù)

這個(gè)選項(xiàng)勾上驱闷,這樣碼云會(huì)自動(dòng)給你的倉(cāng)庫(kù)建立master分支,這點(diǎn)很重要!!! 我因?yàn)檫@點(diǎn)折騰了很久空免,因?yàn)槭褂胓ithub做圖床picgo好像會(huì)自動(dòng)幫你生成master分支空另,而picgo里的gitee插件不會(huì)幫你自動(dòng)生成分支。

點(diǎn)擊創(chuàng)建進(jìn)入下一步


3. 配置PicGo

安裝了gitee-uploader 1.1.2插件之后蹋砚,我們開始配置插件

配置插件的要點(diǎn)如下:

  • repo:用戶名/倉(cāng)庫(kù)名稱扼菠,比如我自己的倉(cāng)庫(kù)leonG7/blogImage,也可以直接復(fù)制倉(cāng)庫(kù)的url

  • branch:分支坝咐,這里寫上master

  • token:填入碼云的私人令牌

  • path:路徑循榆,一般寫上img

  • customPath:提交消息,這一項(xiàng)和下一項(xiàng)customURL都不用填墨坚。在提交到碼云后冯痢,會(huì)顯示提交消息,插件默認(rèn)提交的是 Upload 圖片名 by picGo - 時(shí)間

這個(gè)token怎么獲取框杜,下面登錄進(jìn)自己的碼云

  1. 點(diǎn)擊頭像浦楣,進(jìn)入設(shè)置
  1. 找到右邊安全設(shè)置里面的私人令牌
  1. 點(diǎn)擊生成新令牌,把projects這一項(xiàng)勾上咪辱,其他的不用勾振劳,然后提交

    這里需要驗(yàn)證一下密碼,驗(yàn)證密碼之后會(huì)出來(lái)一串?dāng)?shù)字油狂,這一串?dāng)?shù)字就是你的token历恐,將這串?dāng)?shù)字復(fù)制到剛才的配置里面去寸癌。

    注意:這個(gè)令牌只會(huì)明文顯示一次,建議在配置插件的時(shí)候再來(lái)生成令牌弱贼,直接復(fù)制進(jìn)去蒸苇,搞丟了又要重新生成一個(gè)。

現(xiàn)在保存你剛才的配置吮旅,然后將它設(shè)置為默認(rèn)圖床溪烤,大功告成。

還有一個(gè)插件gitee 1.2.2-beta庇勃,功能差不多檬嘀,剛才那個(gè)能用的話就不需要用這個(gè),配置的內(nèi)容有點(diǎn)差別责嚷,簡(jiǎn)單說(shuō)一下:

  • url:圖床網(wǎng)站鸳兽,這里寫碼云的主頁(yè) https://gitee.com

  • owner:所有者,寫上你的碼云賬號(hào)名罕拂,如果你不知道你的賬號(hào)名揍异,進(jìn)入你剛才的倉(cāng)庫(kù),瀏覽器url里面有

  • repo:倉(cāng)庫(kù)名稱爆班,只要寫上倉(cāng)庫(kù)名稱就行衷掷,比如我自己的倉(cāng)庫(kù)blogImage

  • path:寫上路徑,一般是img蛋济,這幾個(gè)項(xiàng)都不用加“ / “符號(hào)

  • token:剛才你獲取的個(gè)人令牌棍鳖,兩個(gè)插件是通用的炮叶,如果你用了另一個(gè)再來(lái)用這個(gè)碗旅,它會(huì)自動(dòng)讀取另一個(gè)插件的部分配置,不用重新申請(qǐng)

  • message:不用填


4. 測(cè)試

隨便選一張圖片上傳(picgo也支持剪貼板上傳镜悉,截圖工具推薦win10的Snipaste神器K畋佟),試試看

超級(jí)快有木有侣肄!比github快很多旧困,0.1秒上傳,而且導(dǎo)入到你的markdown編輯器里面也是秒識(shí)別你的圖片內(nèi)容稼锅,而如果是github圖床上傳太慢不說(shuō)可能還會(huì)出現(xiàn)下面這樣識(shí)別不出來(lái)的問(wèn)題吼具!

github鏈接因?yàn)榫W(wǎng)速原因可能識(shí)別不出

上傳之后默認(rèn)復(fù)制鏈接,直接粘貼到你的markdown編輯器里矩距,就可以愉快的進(jìn)行寫作了拗盒!

最后推薦一下我的博客寫作套件Typora + PicGo + Snipaste狈蚤,Typora寫文檔仇奶,Snipaste一鍵截圖,PicGo一鍵上傳圖片返回鏈接踩萎。

5. 用到的軟件

  • PicGo

  • node.js

云盤自取 提取碼: 4fc6

這么給力還不點(diǎn)個(gè)贊嗎?

最近typora新出了功能登夫,一鍵上傳到picgo广匙,具體教程我也寫出來(lái)啦 ,新出的功能難免bug很多恼策,所以加了一些錯(cuò)誤排查鸦致。

手把手教你用Typora自動(dòng)上傳到picgo圖床【教程與排坑】

順便推銷一下自己的博客,對(duì)機(jī)器學(xué)習(xí)感興趣的朋友可以看一看~LeonG是什么意思

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市戏蔑,隨后出現(xiàn)的幾起案子蹋凝,更是在濱河造成了極大的恐慌,老刑警劉巖总棵,帶你破解...
    沈念sama閱讀 219,427評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鳍寂,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡情龄,警方通過(guò)查閱死者的電腦和手機(jī)迄汛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)骤视,“玉大人鞍爱,你說(shuō)我怎么就攤上這事∽ㄐ铮” “怎么了睹逃?”我有些...
    開封第一講書人閱讀 165,747評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)祷肯。 經(jīng)常有香客問(wèn)我沉填,道長(zhǎng),這世上最難降的妖魔是什么佑笋? 我笑而不...
    開封第一講書人閱讀 58,939評(píng)論 1 295
  • 正文 為了忘掉前任翼闹,我火速辦了婚禮,結(jié)果婚禮上蒋纬,老公的妹妹穿的比我還像新娘猎荠。我一直安慰自己,他們只是感情好蜀备,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評(píng)論 6 392
  • 文/花漫 我一把揭開白布关摇。 她就那樣靜靜地躺著,像睡著了一般碾阁。 火紅的嫁衣襯著肌膚如雪输虱。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,737評(píng)論 1 305
  • 那天瓷蛙,我揣著相機(jī)與錄音悼瓮,去河邊找鬼戈毒。 笑死,一個(gè)胖子當(dāng)著我的面吹牛横堡,可吹牛的內(nèi)容都是我干的埋市。 我是一名探鬼主播,決...
    沈念sama閱讀 40,448評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼命贴,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼道宅!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起胸蛛,我...
    開封第一講書人閱讀 39,352評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤污茵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后葬项,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體泞当,經(jīng)...
    沈念sama閱讀 45,834評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評(píng)論 3 338
  • 正文 我和宋清朗相戀三年民珍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了襟士。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,133評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嚷量,死狀恐怖陋桂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蝶溶,我是刑警寧澤嗜历,帶...
    沈念sama閱讀 35,815評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站抖所,受9級(jí)特大地震影響梨州,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜部蛇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評(píng)論 3 331
  • 文/蒙蒙 一摊唇、第九天 我趴在偏房一處隱蔽的房頂上張望咐蝇。 院中可真熱鬧涯鲁,春花似錦、人聲如沸有序。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)旭寿。三九已至警绩,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間盅称,已是汗流浹背肩祥。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工后室, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人混狠。 一個(gè)月前我還...
    沈念sama閱讀 48,398評(píng)論 3 373
  • 正文 我出身青樓岸霹,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親将饺。 傳聞我的和親對(duì)象是個(gè)殘疾皇子贡避,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容