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)忆绰,下載安裝包
速度還挺快,沒關(guān)系可岂,PicGo2.1.2的安裝包下面鏈接自取
安裝之后打開主界面
選擇最底下的插件設(shè)置错敢,搜索gitee
點(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)擊右上角的+號歼秽,新建倉庫
新建倉庫的要點(diǎn)如下:
-
輸入一個(gè)倉庫名稱
-
其次將倉庫設(shè)為公開
-
勾選使用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)生成分支呻惕。
點(diǎn)擊創(chuàng)建進(jìn)入下一步
3. 配置PicGo
安裝了gitee-uploader 1.1.2插件之后荆责,我們開始配置插件
配置插件的要點(diǎn)如下:
-
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)自己的碼云
- 點(diǎn)擊頭像村视,進(jìn)入設(shè)置
- 找到右邊安全設(shè)置里面的私人令牌
-
點(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)差別,簡單說一下:
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)下面這樣識別不出來的問題!
上傳之后默認(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)載請注明出處。