前言#
目前 MarkDown 作為一種程序員必備的輕量級標記語言,避免了富文本編輯器換平台就要重新排版的繁瑣,使我們可以專注於技術的輸出,但使用 markdown 也有弊端,那就是圖片的存儲問題,markdown 文件要用到圖片時必須是一個鏈接。各平台都有自己的圖片存儲方法,在不使用圖床的情況下,同一篇文章發布到不同的平台需要單獨上傳圖片一次。如果都放本地這樣實在是太麻煩了。
目前最好的解決辦法就是使用圖床來存儲圖片
常用公共圖床盤點#
圖床 | 說明 |
---|---|
sm.ms | 要註冊,海外伺服器【免費】 |
meotu | 要註冊,國內伺服器【免費】 |
z4a 圖床 | 要註冊,國內伺服器【免費】 |
imgtp | 無需註冊,國內伺服器,最大支持 15MB【免費】 |
imgbed | 無需註冊,國內伺服器,最大支持 20MB【免費】 |
聚合圖床 | 要註冊,國內伺服器【免費】 |
牛圖網 | 無需註冊,日本伺服器 【免費】 |
imgbb | 無需註冊,亞太伺服器【免費】 |
upload | 無需註冊,海外伺服器 【免費】 |
catbox | 無需註冊,海外伺服器【免費】 |
路過圖床 | 要註冊,海外伺服器【免費】 |
TG 圖床 | 要註冊,國內外伺服器【免費】 |
Postimages | 無需註冊,國外伺服器速度快【免費】 |
imgloc | 無需註冊,國內伺服器,最大支持 6MB【免費】 |
映画の妖火圖床 | 無需註冊,聚合式 CDN 圖床【免費】 |
遇見圖床 | 無需註冊,聚合式 CDN 圖床【免費】 |
hello 圖床 | 要註冊,國內 CDN【免費】 |
IM.GE | 無需註冊香港 CDN【免費】 |
雲圖床 | 全球 CDN【免費】 |
上傳圖片之前建議壓縮一下,可以減少空間使用,並且可以有效加快圖片載入速度。比較好的壓縮工具如下
在線工具:
兩者區別是 TinyPNG 是無損壓縮,Imagestool 是有損壓縮,不過通過肉眼是區別不出兩者的。
本地工具:
- 格式工廠
圖床管理工具#
選擇好圖床後肯定就是上傳並使用圖片了,這時就會面對一個問題,那就是每次都要去圖床上傳,然後複製鏈接,然後回到使用圖片的平台粘貼使用。特別麻煩。所以就出現了圖床管理工具幫助我們快速上傳圖片並獲取圖片 URL 鏈接。這樣就省去了自己操作的繁瑣。
以下是一些優秀的圖床管理工具
- PicGo 官網、Github 地址(windows 系統、mac 系統)
- VScode-PicGo 插件
- ShareX 官網、Github 地址(windows 系統)
- uPic 官網、Github 地址(mac 系統)
- PicUploader 官網、Github 地址(windows 系統、mac 系統)
- uPgit(windows 系統、mac 系統、linux 系統)
強烈推薦 PicGo,PicGo 支持 smms、又拍雲、七牛雲、阿里雲 OSS、騰訊雲 COS、微博、Github、Gitee、Amazon S3、自定義上傳接口。(還支持其他儲存)而且還可以選擇上傳前壓縮圖片。壓縮工具都省了。
其他方案#
白嫖大廠#
這裡說的是用簡書 / 博客園 / 小紅書 / 知乎 /b 站等網站獲取圖片外鏈,這種網站基本都有防盜鏈,但速度有一說一國內節點是真的快。
直接使用:#
上方常用免費圖床盤點中的的遇見圖床
、映画の妖火圖床
是利用大廠的上傳接口,進行上傳,可直接食用
瀏覽器擴展推薦:#
- 即刻圖床(部分接口需登錄)
- 介紹:支持阿里 / 京東 / 百度 / 騰訊 / 58 同城 / 美團等全球 CDN 加速,支持 HTTPS!
- 官網:https://test2.jiketuchuang.com/
- b 站圖床
- 介紹:上傳到 bilibili 獲取直鏈
- 下載: Microsoft Edge Addons
防盜鏈解決方案:#
空 referrer 可無視大多數防盜鏈,在 head 中添加以下內容
<meta name="referrer" content="no-referrer">
或者為圖片添加 no-referrer 標頭
<img src="example.com" referrerPolicy="no-referrer"/>
但個人感覺最適合做圖床的還是網盤或者百度的一刻相冊 (有點麻煩),就算大廠加強了防盜鏈也可以下載到本地,更換服務。
Github + jsdelivr(不推薦)#
由於 jsdelivr 具有不穩定因素,非常不推薦使用這個方式當做圖床。且用該方式做圖床也違反了 jsdelivr 的 TOS。
2. Abusing the service and its resources, or using jsDelivr as a general-purpose file or media hosting service. This includes, for example:
- running an image hosting website and using jsDelivr as a storage for all uploaded images,
- hosting videos, file backups, or other files in large quantities.
We recognize that there are legitimate projects that consist of a large number of files, and these are not considered abuse. For example: icons packs, apps, or games with a large number of assets.
NPM + NPM CDN#
{% link npm 圖床使用,https://anzhiy.cn/posts/72ea.html, https://img02.anzhiy.cn/adminuploads/1/2022/09/15/63232b7d91d22.jpg %}
backBlazeb2+ cloudflare cdn#
參考:
IPFS 圖床#
星際文件系統 (InterPlanetary File System). IPFS 是一個分佈式的 web, 點對點超媒體協議。可以讓我們的互聯網速度更快,更加安全,並且更加開放. IPFS 協議的目標是取代傳統的互聯網協議 HTTP。
私有部署圖床服務#
這類在 Github 上有很多開源項目,例如
- GitHub - lsky-org/lsky-pro: ☁️ 蘭空圖床 (Lsky Pro) - Your photo album on the cloud.
- GitHub - helloxz/imgurl: ImgURL 是一個簡單、純粹的圖床程序,讓個人圖床多一個選擇。
但因為部署成本過高不推薦。如果你有更好的建議或推薦的圖床,歡迎在下方評論區留言。
圖片轉 Base64#
將圖片轉為文本格式存儲,在網頁和 typora 中也是可以顯示的
下面推薦給個工具
圖片轉 BASE64 編碼 | 菜鳥工具
<!--Base64 在 HTML 中的使用-->
<img width="40" height="30" src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />
<!--Base64 在 MD中的使用-->
![](base64)