前言:深感在線博客的編輯器坑太多了官还,文檔丟失、必須聯(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)如下:
-
輸入一個(gè)倉(cāng)庫(kù)名稱
-
其次將倉(cāng)庫(kù)設(shè)為公開
-
勾選使用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)自己的碼云
- 點(diǎn)擊頭像浦楣,進(jìn)入設(shè)置
- 找到右邊安全設(shè)置里面的私人令牌
-
點(diǎn)擊
生成新令牌
,把projects這一項(xiàng)勾上咪辱,其他的不用勾振劳,然后提交注意:這個(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)題吼具!
上傳之后默認(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是什么意思