markdown是一門易于上手能幫助作者專心寫作的文檔編輯語言,它的好處太多了,建議想自己動手做筆記寫博客的朋友都可以學(xué)一學(xué),10分鐘上手(我昨天晚上還不會用,今天就開始用它寫博客了。。足以證明它是真的很簡單)
Tpyora是一款優(yōu)雅的markdown編輯器,也推薦給大家,至于安裝和配置,比安裝word還簡單,就不贅述了
但是,這都不是重點,重點是咱們寫博客的時候,總是需要插入圖片的,圖片存在本地的話上傳到博客網(wǎng)站去就沒法顯示了,就算一個圖一個圖的復(fù)制粘貼上去,想移植到其他的博客網(wǎng)站,圖就會失效,我們就需要圖床
圖床是干什么的? 圖床就是一個便于在博文中插入在線圖片連接的個人圖片倉庫。設(shè)置圖床之后,在自己博客中插入的圖片鏈接就可以隨時隨地在線預(yù)覽了,并且不會因為任何意外原因無法查看,除非自己親自刪除。
神奇的PicGo就是為了解決這個問題誕生的,它可以將圖片上傳到指定的圖床上,然后返回markdown鏈接,直接粘貼到你的文檔中,就搞定啦
問題又來了,網(wǎng)上推薦七牛云阿里云都是要租賃服務(wù)器的,太麻煩還要錢,微博現(xiàn)在掛鏈接又很厲害。大部分人選擇用github,但是github雖好卻是國外的網(wǎng)站,速度終究比不上國內(nèi)網(wǎng)站,研究了小半天,終于發(fā)現(xiàn)完美的解決方案
最終決定使用PicGo + 國內(nèi)的github - 碼云來實現(xiàn)markdown圖床
廢話說到這里,開始進入正題
1. 安裝
PicGo
picgo-plugin-gitee-uploader插件
首先打開picgo官網(wǎng),下載安裝包
速度還挺快,沒關(guān)系,PicGo2.1.2的安裝包下面鏈接自取
安裝之后打開主界面
選擇最底下的插件設(shè)置,搜索gitee
點擊右邊的gitee-uploader 1.1.2開始安裝
這里注意一下,必須要先安裝node.js才能安裝插件,沒裝的自己裝一下,然后重啟就行。
這個地方有兩個插件,我試了一遍,兩個都能用,大家看心情選擇,先說一下右邊這個gitee-uploader 1.1.2,用不了的同學(xué)就選左邊那個,我都會講一遍配置
2. 建立gitee(碼云)圖床庫
注冊碼云的方法很簡單,網(wǎng)站引導(dǎo)都是中文,不多說了,我們直接建立自己的圖床庫。
點擊右上角的+號,新建倉庫
新建倉庫的要點如下:
-
輸入一個倉庫名稱
-
其次將倉庫設(shè)為公開
-
勾選使用Readme文件初始化這個倉庫
這個選項勾上,這樣碼云會自動給你的倉庫建立master分支,這點很重要!!! 我因為這點折騰了很久,因為使用github做圖床picgo好像會自動幫你生成master分支,而picgo里的gitee插件不會幫你自動生成分支。
點擊創(chuàng)建進入下一步
3. 配置PicGo
安裝了gitee-uploader 1.1.2插件之后,我們開始配置插件
配置插件的要點如下:

-
repo:用戶名/倉庫名稱,比如我自己的倉庫leonG7/blogImage,也可以直接復(fù)制倉庫的url
image branch:分支,這里寫上master
token:填入碼云的私人令牌
path:路徑,一般寫上img
customPath:提交消息,這一項和下一項customURL都不用填。在提交到碼云后,會顯示提交消息,插件默認(rèn)提交的是
Upload 圖片名 by picGo - 時間
這個token怎么獲取,下面登錄進自己的碼云
- 點擊頭像,進入設(shè)置

- 找到右邊安全設(shè)置里面的私人令牌

-
點擊
生成新令牌,把projects這一項勾上,其他的不用勾,然后提交image這里需要驗證一下密碼,驗證密碼之后會出來一串?dāng)?shù)字,這一串?dāng)?shù)字就是你的token,將這串?dāng)?shù)字復(fù)制到剛才的配置里面去。
image注意:這個令牌只會明文顯示一次,建議在配置插件的時候再來生成令牌,直接復(fù)制進去,搞丟了又要重新生成一個。
現(xiàn)在保存你剛才的配置,然后將它設(shè)置為默認(rèn)圖床,大功告成。
還有一個插件gitee 1.2.2-beta,功能差不多,剛才那個能用的話就不需要用這個,配置的內(nèi)容有點差別,簡單說一下:
url:圖床網(wǎng)站,這里寫碼云的主頁 https://gitee.com
-
owner:所有者,寫上你的碼云賬號名,如果你不知道你的賬號名,進入你剛才的倉庫,瀏覽器url里面有
image repo:倉庫名稱,只要寫上倉庫名稱就行,比如我自己的倉庫blogImage
path:寫上路徑,一般是img,這幾個項都不用加“ / “符號
token:剛才你獲取的個人令牌,兩個插件是通用的,如果你用了另一個再來用這個,它會自動讀取另一個插件的部分配置,不用重新申請
message:不用填
4. 測試
隨便選一張圖片上傳(picgo也支持剪貼板上傳,截圖工具推薦win10的Snipaste神器?。囋嚳?/p>
超級快有木有!比github快很多,0.1秒上傳,而且導(dǎo)入到你的markdown編輯器里面也是秒識別你的圖片內(nèi)容,而如果是github圖床上傳太慢不說可能還會出現(xiàn)下面這樣識別不出來的問題!
上傳之后默認(rèn)復(fù)制鏈接,直接粘貼到你的markdown編輯器里,就可以愉快的進行寫作了!
最后推薦一下我的博客寫作套件Typora + PicGo + Snipaste,Typora寫文檔,Snipaste一鍵截圖,PicGo一鍵上傳圖片返回鏈接。
5. 用到的軟件
PicGo
node.js
云盤自取 提取碼: 4fc6
作者:LeonG7
鏈接:http://www.itdecent.cn/p/b69950a49ae2
來源:簡書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
