前言
為什么要使用圖床呢?
因?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)容一遍。
圖床的選擇?
-
微博圖床:以前用的人比較多,從 2019 年 4 月開始開啟了防盜鏈,涼涼 -
SM.MS:運(yùn)營四年多了,也變得越來越慢了,到了晚上直接打不開圖片,速度堪憂 -
其他小眾圖床:隨時(shí)有掛掉的風(fēng)險(xiǎn) -
Imgur 等國外圖床:國內(nèi)訪問速度太慢,隨時(shí)有被墻的風(fēng)險(xiǎn) -
大廠儲存服務(wù):例如七牛云、又拍云、騰訊云COS、阿里云OSS等,操作繁瑣,又是實(shí)名認(rèn)證又是域名備案的,麻煩,而且還要花錢(有錢又不怕麻煩的當(dāng)我沒說) -
GitHub 圖床:免費(fèi),但是國內(nèi)訪問速度慢(不過沒關(guān)系,利用jsDelivr提供的免費(fèi)的 CDN 加速 速度足夠了)
使用流程
- 新建 GitHub 倉庫
- 生成一個(gè) Token
- 配置 PicGo 并使用 jsdelivr 作為 CDN 加速
- 使用 Imagine 進(jìn)行圖片壓縮
- 上傳圖片到 PicGo 并使用圖床
新建 GitHub 倉庫
- 登錄/注冊 GitHub
- 新建一個(gè)倉庫,填寫好倉庫名
- 倉庫描述
- 將權(quán)限設(shè)置成
public - 根據(jù)需求選擇是否為倉庫初始化一個(gè)
README.md描述文件

生成一個(gè) Token
- 點(diǎn)擊用戶頭像 -> 選擇
Settings

- 點(diǎn)擊
Developer settings

- 點(diǎn)擊
Personal access tokens

- 點(diǎn)擊
Generate new token

- 填寫
Token描述,勾選repo,然后點(diǎn)擊Generate token生成一個(gè)Token

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

配置 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/用戶名/圖床倉庫名

Q:什么是 jsdelivr ?
A:jsDelivr 為開發(fā)者提供免費(fèi)公共 CDN 加速服務(wù)
使用 Imagine 進(jìn)行圖片壓縮
通常情況下,圖片大小都是超過 200KB 的,所以網(wǎng)頁加載的時(shí)候會(huì)特別慢,一般我們會(huì)對圖片進(jìn)行壓縮,這里我推薦 Imagine(點(diǎn)擊下載) 支持全平臺。

Imagine 采用的是有損壓縮,介意的可以忽略這一步
順便推薦一個(gè)無損壓縮的網(wǎng)站:https://tinypng.com/
上傳圖片到 PicGo 并使用圖床
配置好 PicGo 后,我們就可以進(jìn)行高效創(chuàng)作了,將壓縮后的圖片拖拽到上傳區(qū),將會(huì)自動(dòng)上傳并復(fù)制訪問鏈接,將鏈接粘貼到博文中就行了,訪問速度杠杠的

此外 PicGo 還有相冊功能,可以對已上傳的圖片進(jìn)行刪除,修改鏈接等快捷操作,PicGo 還可以生成不同格式的鏈接、支持批量上傳、快捷鍵上傳、自定義鏈接格式、上傳前重命名等,更多功能自己去探索吧!
歡迎訪問我的個(gè)人博客:https://sitoi.cn