Picgo + Gitee(自動(dòng)上傳)搭建markdown免費(fèi)圖庫

markdown是一門易于上手能幫助作者專心寫作的文檔編輯語言踢步,它的好處太多了蹦魔,建議想自己動(dòng)手做筆記寫博客的朋友都可以學(xué)一學(xué)批钠,10分鐘上手(我昨天晚上還不會(huì)用,今天就開始用它寫博客了提佣。。足以證明它是真的很簡單)
Tpyora是一款優(yōu)雅的markdown編輯器,也推薦給大家生宛,至于安裝和配置亿柑,比安裝word還簡單邢疙,就不贅述了

但是,這都不是重點(diǎn)望薄,重點(diǎn)是咱們寫博客的時(shí)候疟游,總是需要插入圖片的,圖片存在本地的話上傳到博客網(wǎng)站去就沒法顯示了痕支,就算一個(gè)圖一個(gè)圖的復(fù)制粘貼上去颁虐,想移植到其他的博客網(wǎng)站,圖就會(huì)失效卧须,我們就需要圖床

圖床是干什么的另绩? 圖床就是一個(gè)便于在博文中插入在線圖片連接的個(gè)人圖片倉庫。設(shè)置圖床之后花嘶,在自己博客中插入的圖片鏈接就可以隨時(shí)隨地在線預(yù)覽了笋籽,并且不會(huì)因?yàn)槿魏我馔庠驘o法查看,除非自己親自刪除椭员。

神奇的PicGo就是為了解決這個(gè)問題誕生的车海,它可以將圖片上傳到指定的圖床上,然后返回markdown鏈接隘击,直接粘貼到你的文檔中侍芝,就搞定啦

問題又來了,網(wǎng)上推薦七牛云阿里云都是要租賃服務(wù)器的埋同,太麻煩還要錢州叠,微博現(xiàn)在掛鏈接又很厲害。大部分人選擇用github莺禁,但是github雖好卻是國外的網(wǎng)站留量,速度終究比不上國內(nèi)網(wǎng)站,研究了小半天,終于發(fā)現(xiàn)完美的解決方案

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

廢話說到這里楼熄,開始進(jìn)入正題


1. 安裝

  • PicGo

  • picgo-plugin-gitee-uploader插件

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

image

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

安裝之后打開主界面

image

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

image

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

這里注意一下,必須要先安裝node.js才能安裝插件缕粹,沒裝的自己裝一下稚茅,然后重啟就行。

這個(gè)地方有兩個(gè)插件平斩,我試了一遍亚享,兩個(gè)都能用,大家看心情選擇绘面,先說一下右邊這個(gè)gitee-uploader 1.1.2欺税,用不了的同學(xué)就選左邊那個(gè),我都會(huì)講一遍配置


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

注冊碼云的方法很簡單揭璃,網(wǎng)站引導(dǎo)都是中文晚凿,不多說了,我們直接建立自己的圖床庫瘦馍。

點(diǎn)擊右上角的+號歼秽,新建倉庫

image

新建倉庫的要點(diǎn)如下:

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

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

image

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


3. 配置PicGo

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

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

image
  • repo:用戶名/倉庫名稱,比如我自己的倉庫leonG7/blogImage亚脆,也可以直接復(fù)制倉庫的url

    image
  • 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è)置
image
  1. 找到右邊安全設(shè)置里面的私人令牌
image
  1. 點(diǎn)擊生成新令牌官套,把projects這一項(xiàng)勾上,其他的不用勾,然后提交

    image

    這里需要驗(yàn)證一下密碼奶赔,驗(yàn)證密碼之后會(huì)出來一串?dāng)?shù)字惋嚎,這一串?dāng)?shù)字就是你的token,將這串?dāng)?shù)字復(fù)制到剛才的配置里面去站刑。

    image

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

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

還有一個(gè)插件gitee 1.2.2-beta,功能差不多晃琳,剛才那個(gè)能用的話就不需要用這個(gè)讯检,配置的內(nèi)容有點(diǎn)差別,簡單說一下:

image
  • url:圖床網(wǎng)站蝎土,這里寫碼云的主頁 https://gitee.com

  • owner:所有者视哑,寫上你的碼云賬號名,如果你不知道你的賬號名誊涯,進(jìn)入你剛才的倉庫挡毅,瀏覽器url里面有

    image
  • repo:倉庫名稱,只要寫上倉庫名稱就行暴构,比如我自己的倉庫blogImage

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

  • token:剛才你獲取的個(gè)人令牌取逾,兩個(gè)插件是通用的耗绿,如果你用了另一個(gè)再來用這個(gè),它會(huì)自動(dòng)讀取另一個(gè)插件的部分配置砾隅,不用重新申請

  • message:不用填


4. 測試

隨便選一張圖片上傳(picgo也支持剪貼板上傳误阻,截圖工具推薦win10的Snipaste神器!)晴埂,試試看

超級快有木有究反!比github快很多,0.1秒上傳儒洛,而且導(dǎo)入到你的markdown編輯器里面也是秒識別你的圖片內(nèi)容精耐,而如果是github圖床上傳太慢不說可能還會(huì)出現(xiàn)下面這樣識別不出來的問題!

image

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

最后推薦一下我的博客寫作套件Typora + PicGo + Snipaste,Typora寫文檔惊完,Snipaste一鍵截圖僵芹,PicGo一鍵上傳圖片返回鏈接。

5. 用到的軟件

  • PicGo

  • node.js

云盤自取 提取碼: 4fc6

作者:LeonG7
鏈接:http://www.reibang.com/p/b69950a49ae2
來源:簡書
著作權(quán)歸作者所有专执。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)淮捆,非商業(yè)轉(zhuǎn)載請注明出處。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末本股,一起剝皮案震驚了整個(gè)濱河市攀痊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌拄显,老刑警劉巖苟径,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異躬审,居然都是意外死亡棘街,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進(jìn)店門承边,熙熙樓的掌柜王于貴愁眉苦臉地迎上來遭殉,“玉大人,你說我怎么就攤上這事博助∠瘴郏” “怎么了?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵富岳,是天一觀的道長蛔糯。 經(jīng)常有香客問我,道長窖式,這世上最難降的妖魔是什么蚁飒? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮萝喘,結(jié)果婚禮上淮逻,老公的妹妹穿的比我還像新娘。我一直安慰自己阁簸,他們只是感情好弦蹂,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著强窖,像睡著了一般。 火紅的嫁衣襯著肌膚如雪削祈。 梳的紋絲不亂的頭發(fā)上翅溺,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天脑漫,我揣著相機(jī)與錄音,去河邊找鬼咙崎。 笑死优幸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的褪猛。 我是一名探鬼主播网杆,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼伊滋!你這毒婦竟也來了碳却?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤笑旺,失蹤者是張志新(化名)和其女友劉穎昼浦,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體筒主,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡关噪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了乌妙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片使兔。...
    茶點(diǎn)故事閱讀 40,488評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖藤韵,靈堂內(nèi)的尸體忽然破棺而出虐沥,到底是詐尸還是另有隱情,我是刑警寧澤荠察,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布置蜀,位于F島的核電站,受9級特大地震影響悉盆,放射性物質(zhì)發(fā)生泄漏盯荤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一焕盟、第九天 我趴在偏房一處隱蔽的房頂上張望秋秤。 院中可真熱鬧,春花似錦脚翘、人聲如沸灼卢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鞋真。三九已至,卻和暖如春沃于,著一層夾襖步出監(jiān)牢的瞬間涩咖,已是汗流浹背海诲。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留檩互,地道東北人特幔。 一個(gè)月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像闸昨,于是被迫代替她去往敵國和親蚯斯。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評論 2 359

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