Picgo + Gitee(自動上傳)搭建markdown免費圖庫

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),下載安裝包

image

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

安裝之后打開主界面

image

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

image

點擊右邊的gitee-uploader 1.1.2開始安裝

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

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


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

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

點擊右上角的+號,新建倉庫

image

新建倉庫的要點如下:

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

這個選項勾上,這樣碼云會自動給你的倉庫建立master分支,這點很重要!!! 我因為這點折騰了很久,因為使用github做圖床picgo好像會自動幫你生成master分支,而picgo里的gitee插件不會幫你自動生成分支。

image

點擊創(chuàng)建進入下一步


3. 配置PicGo

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

配置插件的要點如下:

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

    image
  • branch:分支,這里寫上master

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

  • path:路徑,一般寫上img

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

這個token怎么獲取,下面登錄進自己的碼云

  1. 點擊頭像,進入設(shè)置
image
  1. 找到右邊安全設(shè)置里面的私人令牌
image
  1. 點擊生成新令牌,把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)容有點差別,簡單說一下:

image
  • 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)下面這樣識別不出來的問題!

image

上傳之后默認(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)載請注明出處。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容