如何利用 Github 搭建自己的免費圖牀?

微信搜一搜
村雨遙


  • 1. 前言

  • 2. 準備工作

  • 3. 搭建過程

  • 4. 上傳圖片

  • 5. 加速訪問

  • 6. 圖牀推薦

  • 7. 總結


1. 前言

對於寫博客的朋友們來講,圖牀這個東西一定不會陌生,而且在一定程度上也給大家造成過一定困擾。

對於不清楚這個東西的朋友,我就在這兒大概說一下圖牀是個啥東西。所謂圖牀,其實可以就相當於我們手機上的相冊,不過他是在線的,而且是對大家開放的,大家都可以訪問查看,但是編輯刪除這些功能僅限於擁有者,就相當於用百度雲分享的公開照片,你可以查看,也可以下載下來編輯,但是擁有權還是屬於分享者。

那你可能會疑惑,那這個東西和寫博客的我們有啥關係呢?

你想想,我們寫博客,是不是有很多圖片需要插入,我們這些博客要保留在本地的時候你可以預覽到圖片,但一旦你要把它發佈到網上,這時候問題來了!發現圖片上傳失敗,那是因爲你本地的圖片都是存在本地的,平臺不會自動給你上傳,那這個時候就凸顯出圖牀的重要性了。當然了,如果你是直接在平臺進行編輯,那着一點就不用擔心了,基本平臺都會自動給你上傳到它自己的服務器。

有了圖牀,我們在本地寫好博客之後,就能夠任意複製到其他平臺,不用擔心圖片丟失問題了。

今天的文章就是給大家分享一個搭建免費圖牀的教程,既是方便自己後續的複習,也希望對大家也有所幫助。

2. 準備工作

那麼在正式開始之前,你需要提前準備以下東西:

一個 Github 賬號

好了,就這麼簡單,只要你有一個 Github 賬號就夠了,你就能擁有一個免費的圖牀了,如果你還沒有,那趕緊去 註冊[1] 一個賬號吧。

3. 搭建過程

這一部分就是正式開始大家過程了,準備好大幹一場吧!

  1. 登錄你的 Github 之後,創建一個新的倉庫;
  1. 填寫倉庫先關資料,一般只需要選一個合適的倉庫名,然後確保倉庫爲 public 其他的保持默認就好;
  1. 一般創建成功之後,會出現如下界面,至此,我們的圖牀算是創建好了,接下來就是如何上傳圖片了;

4. 上傳圖片

通過上面的步驟,我們的圖牀時搭建好了,但是通過傳統的方法向 Github 上傳圖片太麻煩了,這裏我們推薦使用一個開源圖牀工具 PicGo[2] 來作爲我們的圖片上傳工具;

PicGo 的安裝就不說了,去他的 官網[3] 下載對應版本進行安裝即可,我們主要講講如何用它來上傳圖片。安裝後,打開軟件其主頁面如下:

接下來就是配置 PicGo 的過程了。

  1. 首先,我們先要去 Github 創建一個 token;

以此打開 Settings -> Developer settings -> Personal access tokens,最後點擊 generate new token

  1. 填寫及勾選相關信息,然後點擊 Genetate token 即可;
  1. token 生成,注意它只會顯示一次,所以你最好把它複製下來到你的備忘錄存好,方便下次使用,否則下次有需要重新新建;
  1. 配置 PicGo,依次打開 圖牀設置 -> Github 圖牀;
  1. 填寫相關信息,最後點擊 確定即可,要將其作爲默認圖牀的話,點擊設爲默認圖牀;
  1. 上傳圖片,通過上傳區上傳即可(Ctrl V 或者將圖片拖拽都可以),也可以通過快捷鍵的方式上傳(默認上傳鍵爲 Ctrl + Shift + P);

5. 加速訪問

大家可能會發現,我們上傳到 Github 的圖片有時候訪問太慢了,有時候甚至直接加載不出來!那該咋辦呢?

這時候我們就可以用 jsDelivr[4] 進行免費加速,而設置的方法也很簡單,只需要在我們 PicGo 圖牀配置中添加如下自定義域名即可;

https://cdn.jsdelivr.net/gh/用戶名/倉庫名

比如我的就是 https://cdn.jsdelivr.net/gh/cunyu1943/blog-imgs

6. 圖牀推薦

除開用 Github 搭建的方式之後,我們也可以用 Gitee 進行搭建,搭建方式和本文大致相同。此外,我也推薦幾個免費的圖牀給大家,大家可以根據自己的喜好進行選擇;

  1. 路過圖牀 [5]
  2. SM.MS [6]
  3. Imgur [7]

7. 總結

至此,我們的搭建免費圖牀的教程就到此結束了,總結一下主要有如下幾部分:

  1. 準備一個 Github 賬號;
  2. 搭建圖牀倉庫;
  3. 上傳圖片設置;
  4. 加速訪問;
  5. 免費圖牀推薦;

如果你對上面的部分有疑問,歡迎留言或者私信,我會在看到的第一時間回覆你!

參考資料

[1]

註冊: https://github.com/cunyu1943

[2]

PicGo: https://molunerfinn.com/PicGo/

[3]

官網: https://molunerfinn.com/PicGo/

[4]

jsDelivr: https://www.jsdelivr.com/

[5]

路過圖牀: https://imgchr.com/

[6]

SM.MS: https://sm.ms/

[7]

Imgur: https://imgur.com/



本文分享自微信公衆號 - 村雨遙(cunyu1943)。
如有侵權,請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章