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

markdown是一門易于上手能幫助作者專心寫作的文檔編輯語言,它的好處太多了,建議想自己動手做筆記寫博客的朋友都可以學一學,10分鐘上手(我昨天晚上還不會用,今天就開始用它寫博客了。。足以證明它是真的很簡單)
Tpyora是一款優雅的markdown編輯器,也推薦給大家,至于安裝和配置,比安裝word還簡單,就不贅述了

但是,這都不是重點,重點是咱們寫博客的時候,總是需要插入圖片的,圖片存在本地的話上傳到博客網站去就沒法顯示了,就算一個圖一個圖的復制粘貼上去,想移植到其他的博客網站,圖就會失效,我們就需要圖床

圖床是干什么的? 圖床就是一個便于在博文中插入在線圖片連接的個人圖片倉庫。設置圖床之后,在自己博客中插入的圖片鏈接就可以隨時隨地在線預覽了,并且不會因為任何意外原因無法查看,除非自己親自刪除。

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

問題又來了,網上推薦七牛云阿里云都是要租賃服務器的,太麻煩還要錢,微博現在掛鏈接又很厲害。大部分人選擇用github,但是github雖好卻是國外的網站,速度終究比不上國內網站,研究了小半天,終于發現完美的解決方案

最終決定使用PicGo + 國內的github - 碼云來實現markdown圖床

廢話說到這里,開始進入正題


1. 安裝

  • PicGo

  • picgo-plugin-gitee-uploader插件

首先打開picgo官網,下載安裝包

image

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

安裝之后打開主界面

image

選擇最底下的插件設置,搜索gitee

image

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

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

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


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

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

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

image

新建倉庫的要點如下:

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

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

image

點擊創建進入下一步


3. 配置PicGo

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

配置插件的要點如下:

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

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

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

  • path:路徑,一般寫上img

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

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

  1. 點擊頭像,進入設置
image
  1. 找到右邊安全設置里面的私人令牌
image
  1. 點擊生成新令牌,把projects這一項勾上,其他的不用勾,然后提交

    image

    這里需要驗證一下密碼,驗證密碼之后會出來一串數字,這一串數字就是你的token,將這串數字復制到剛才的配置里面去。

    image

    注意:這個令牌只會明文顯示一次,建議在配置插件的時候再來生成令牌,直接復制進去,搞丟了又要重新生成一個。

現在保存你剛才的配置,然后將它設置為默認圖床,大功告成。

還有一個插件gitee 1.2.2-beta,功能差不多,剛才那個能用的話就不需要用這個,配置的內容有點差別,簡單說一下:

image
  • url:圖床網站,這里寫碼云的主頁 https://gitee.com

  • owner:所有者,寫上你的碼云賬號名,如果你不知道你的賬號名,進入你剛才的倉庫,瀏覽器url里面有

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

  • path:寫上路徑,一般是img,這幾個項都不用加“ / “符號

  • token:剛才你獲取的個人令牌,兩個插件是通用的,如果你用了另一個再來用這個,它會自動讀取另一個插件的部分配置,不用重新申請

  • message:不用填


4. 測試

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

超級快有木有!比github快很多,0.1秒上傳,而且導入到你的markdown編輯器里面也是秒識別你的圖片內容,而如果是github圖床上傳太慢不說可能還會出現下面這樣識別不出來的問題!

image

上傳之后默認復制鏈接,直接粘貼到你的markdown編輯器里,就可以愉快的進行寫作了!

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

5. 用到的軟件

  • PicGo

  • node.js

云盤自取 提取碼: 4fc6

作者:LeonG7
鏈接:http://www.lxweimin.com/p/b69950a49ae2
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容