圖床搭建

  • 2021 年 10 月 24 日
  • 筆記

圖床搭建

一.為什麼要搭建圖床

  1. 我們日常寫部落格時,如果只是將圖片複製粘貼進typora 中,圖片會在本地本地備份一份,如下圖所示:

image-20211023213845611

所以這就造成,當我們想向其他人分享我們所寫的內容時,就必須要帶著圖片一起分享,除此之外還會有路徑的問題。
  1. 跟上面是一樣的道理,如果有一天,我們把本地的圖片誤刪了,那那些所依靠這些圖片的markdown文檔就會出現問題。

  2. 當我們想把所寫的部落格分享到相關的平台上去,會更加的方便(大多數平台都會提供一鍵上傳功能)。

二.搭建圖床前的準備

我們使用的方法是 typora + PicGo + gitee。

  • 需要有一個gitee帳號。
  • 因為PicGo 下載插件需要有npm支援,所以我們需要node環境。
  • 下載並安裝PicGo

1.gitee

註冊gitee帳號,若已有帳號請從第3步開始。

  1. 進入官網點擊註冊:

    image-20211023215642374

  2. 輸入相關資訊進行註冊:

    image-20211023215820057

  3. 創建一個新的倉庫:

image-20211023220729125image-20211023221236692

注意 路徑只允許包含字母、數字或者下劃線(_)、中劃線(-)、英文句號(.),必須以字母開頭,且長度為2~191個字元

  1. 創建token ->相當於你上傳所需的密碼:

    image-20211023221728545

    image-20211023222219879

    image-20211023222440343

2.node環境

  1. 進入下載官網,根據自己系統進行選擇:

    image-20211023223107004

  2. 進行安裝:

  3. 如有需要可進行相關配置,默認下載路徑會在C盤.

相關安裝及配置可參考Node.js安裝及環境配置之Windows篇

3.PicGo的下載及安裝

  1. 進入下載地址,選擇相應版本:

    image-20211023223742939

  2. 進行安裝。

  3. 安裝gitee插件

    • 打開安裝好的PicGo

    • 點擊插件設置

    • 在搜索框中輸入gitee

    • 進行插件安裝

      image-20211023224233692

三.相關配置

1.PicGo配置

  • 重啟PicGo

  • 點擊圖床設置

  • 點擊gitee

  • 輸入相關資訊:

    image-20211023225034477

  • 點擊確定

  • 點擊設為默認圖床

2.typora配置

  • 打開typora

  • 點擊文件

  • 點擊偏好設置:

  • 點擊影像:

    image-20211023225727324

  • 進行測試:

    image-20211023225930260

    若不成功可以多試幾次

    也可以直接將圖片複製進markdown文檔中,看是否會上傳成功:

注意

  • 在這個圖床上,你所上傳的所有圖片都是任何人可見的

  • 如果出現相關軟體下載不了的情況下,請參考阿里雲盤鏈接