Xlenco

Xlenco

github
zhihu
email

圖床方案彙總

前言#

目前 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,PicGo 支持 smms、又拍雲、七牛雲、阿里雲 OSS、騰訊雲 COS、微博、Github、Gitee、Amazon S3、自定義上傳接口。(還支持其他儲存)而且還可以選擇上傳前壓縮圖片。壓縮工具都省了。

其他方案#

白嫖大廠#

這裡說的是用簡書 / 博客園 / 小紅書 / 知乎 /b 站等網站獲取圖片外鏈,這種網站基本都有防盜鏈,但速度有一說一國內節點是真的快。

直接使用:#

上方常用免費圖床盤點中的的遇見圖床映画の妖火圖床是利用大廠的上傳接口,進行上傳,可直接食用

瀏覽器擴展推薦:#

  1. 即刻圖床(部分接口需登錄)
  1. b 站圖床

防盜鏈解決方案:#

空 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 上有很多開源項目,例如

但因為部署成本過高不推薦。如果你有更好的建議或推薦的圖床,歡迎在下方評論區留言。

圖片轉 Base64#

將圖片轉為文本格式存儲,在網頁和 typora 中也是可以顯示的
下面推薦給個工具
圖片轉 BASE64 編碼 | 菜鳥工具

<!--Base64 在 HTML 中的使用-->
<img width="40" height="30" src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />
<!--Base64 在 MD中的使用-->
![](base64)
載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。