GitHub + jsDelivr + PicGo + Imagine 打造穩(wěn)定快速、高效免費(fèi)圖床

前言

為什么要使用圖床呢?

因?yàn)樵诓煌脚_發(fā)布同一篇文章的時(shí)候,最一個(gè)痛苦的點(diǎn)就是,圖片存儲問題,各個(gè)平臺的文件存儲方式各不相同,無法直接 Ctrl + C 的方式一鍵搞定,為了解決這個(gè)問題,使用 MarkDown + 圖床 的方式進(jìn)行文章的寫作,將圖片放到一個(gè)統(tǒng)一的地方,在文章中引入圖片外鏈。
所謂圖床,就是將圖片儲存到第三方靜態(tài)資源庫中,其返回給你一個(gè) URL 進(jìn)行獲取圖片。MarkDown 支持使用 URL 的方式顯示圖片,我想這也是程序員為什么對其偏愛的原因之一。
作為程序員,你會(huì)發(fā)現(xiàn),現(xiàn)在很多論壇和社區(qū)都開始支持使用 MarkDown,如果你沒使用圖床的情況下,你分享同一篇文章,你要在不同的平臺,各自重新編輯排版一遍和上傳圖片一次。
有了圖床,情況就不一樣了,Ctrl+C 的方式就搞定了,根本不用再 Check 文章內(nèi)容一遍。

圖床的選擇?

  1. 微博圖床:以前用的人比較多,從 2019 年 4 月開始開啟了防盜鏈,涼涼
  2. SM.MS:運(yùn)營四年多了,也變得越來越慢了,到了晚上直接打不開圖片,速度堪憂
  3. 其他小眾圖床:隨時(shí)有掛掉的風(fēng)險(xiǎn)
  4. Imgur 等國外圖床:國內(nèi)訪問速度太慢,隨時(shí)有被墻的風(fēng)險(xiǎn)
  5. 大廠儲存服務(wù):例如七牛云、又拍云、騰訊云COS、阿里云OSS等,操作繁瑣,又是實(shí)名認(rèn)證又是域名備案的,麻煩,而且還要花錢(有錢又不怕麻煩的當(dāng)我沒說)
  6. GitHub 圖床:免費(fèi),但是國內(nèi)訪問速度慢(不過沒關(guān)系,利用 jsDelivr 提供的免費(fèi)的 CDN 加速 速度足夠了)

使用流程

  1. 新建 GitHub 倉庫
  2. 生成一個(gè) Token
  3. 配置 PicGo 并使用 jsdelivr 作為 CDN 加速
  4. 使用 Imagine 進(jìn)行圖片壓縮
  5. 上傳圖片到 PicGo 并使用圖床

新建 GitHub 倉庫

  • 登錄/注冊 GitHub
  • 新建一個(gè)倉庫,填寫好倉庫名
  • 倉庫描述
  • 將權(quán)限設(shè)置成 public
  • 根據(jù)需求選擇是否為倉庫初始化一個(gè) README.md 描述文件
新建 GitHub 倉庫

生成一個(gè) Token

  1. 點(diǎn)擊用戶頭像 -> 選擇 Settings
Settings
  1. 點(diǎn)擊 Developer settings
Developer settings
  1. 點(diǎn)擊 Personal access tokens
Personal access tokens
  1. 點(diǎn)擊 Generate new token
Generate new token
  1. 填寫 Token 描述,勾選 repo,然后點(diǎn)擊 Generate token 生成一個(gè) Token
填寫 Token 描述
  1. 獲取 Token 密鑰

注意這個(gè) Token 只會(huì)顯示一次,自己先保存下來,或者等后面配置好 PicGo 后再關(guān)閉此網(wǎng)頁

獲取 Token 密鑰

配置 PicGo 并使用 jsdelivr 作為 CDN 加速

前往下載 PicGo點(diǎn)擊下載),安裝好后開始配置圖床

  • 設(shè)定倉庫名:按照 用戶名/圖床倉庫名 的格式填寫

  • 設(shè)定分支名:master

  • 設(shè)定 Token:粘貼之前生成的 Token

  • 指定存儲路徑:填寫想要儲存的路徑,如 img/,這樣就會(huì)在倉庫下創(chuàng)建一個(gè)名為 img 的文件夾,圖片將會(huì)儲存在此文件夾中

  • 設(shè)定自定義域名:它的的作用是,在圖片上傳后,PicGo 會(huì)按照自定義域名+上傳的圖片名的方式生成訪問鏈接,放到粘貼板上,因?yàn)槲覀円褂?jsDelivr 加速訪問,所以可以設(shè)置為https://cdn.jsdelivr.net/gh/用戶名/圖床倉庫名

配置 PicGo
Q:什么是 jsdelivr ?

A:jsDelivr 為開發(fā)者提供免費(fèi)公共 CDN 加速服務(wù)

使用 Imagine 進(jìn)行圖片壓縮

通常情況下,圖片大小都是超過 200KB 的,所以網(wǎng)頁加載的時(shí)候會(huì)特別慢,一般我們會(huì)對圖片進(jìn)行壓縮,這里我推薦 Imagine點(diǎn)擊下載) 支持全平臺。

使用 Imagine 進(jìn)行圖片壓縮

Imagine 采用的是有損壓縮,介意的可以忽略這一步

順便推薦一個(gè)無損壓縮的網(wǎng)站:https://tinypng.com/

上傳圖片到 PicGo 并使用圖床

配置好 PicGo 后,我們就可以進(jìn)行高效創(chuàng)作了,將壓縮后的圖片拖拽到上傳區(qū),將會(huì)自動(dòng)上傳并復(fù)制訪問鏈接,將鏈接粘貼到博文中就行了,訪問速度杠杠的

上傳圖片到 PicGo 并使用圖床

此外 PicGo 還有相冊功能,可以對已上傳的圖片進(jìn)行刪除,修改鏈接等快捷操作,PicGo 還可以生成不同格式的鏈接、支持批量上傳、快捷鍵上傳、自定義鏈接格式、上傳前重命名等,更多功能自己去探索吧!

歡迎訪問我的個(gè)人博客:https://sitoi.cn

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

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