希乐摘要

前言

目前 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【免费】
IMG Table最大支持100MB【免费】
品云图床最大支持50MB【免费】
敖武的图床国内 CDN/100M / 不禁格式【免费】
星跃图床国内 CDN/20M 【免费】
picui 图床国内 CDN/10M 【免费】
爱上传香港 CDN/10M / 支持 webp【免费】
图片映客国内 CDN/ 12M / 支持 webp【免费】
loc 图床美国100M【免费】
滴滴图床亚太CDN/5M / 反代 tg 图床【免费】
阿段图床亚马逊云/5M【免费】
零Realm图床国内CDN/20MB【免费】

上传图片之前建议压缩一下,可以减少空间使用,并且可以有效加快图片载入速度。比较好的压缩工具如下

在线工具:

两者区别是 TinyPNG 是无损压缩,Imagestool 是有损压缩,不过通过肉眼是区别不出两者的。

本地工具:

  • 格式工厂

图床管理工具

选择好图床后肯定就是上传并使用图片了,这时就会面对一个问题,那就是每次都要去图床上传,然后复制链接,然后回到使用图片的平台粘贴使用。特别麻烦。所以就出现了图床管理工具帮助我们快速上传图片并获取图片 URL 链接。这样就省去了自己操作的繁琐。

以下是一些优秀的图床管理工具

强烈推荐 PicGo,PicGo 支持 smms、 又拍云 、七牛云 、 阿里云 OSS、 腾讯云 COS、微博、Github、 Gitee、 Amazon S3、自定义上传接口。(还支持其他储存)而且还可以选择上传前压缩图片。压缩工具都省了。

其他方案

白嫖大厂

这里说的是用简书/博客园/小红书/知乎/b 站等网站获取图片外链,这种网站基本都有防盗链,但速度有一说一国内节点是真的快。

直接使用:

上方常用免费图床盘点中的的遇见图床映画の妖火图床是利用大厂的上传接口,进行上传,可直接食用

浏览器扩展推荐:

  1. 即刻图床(部分接口需登陆)
  1. b 站图床

防盗链解决方案:

空 referrer 可无视大多数防盗链,在 head 中添加以下内容

1
<meta name="referrer" content="no-referrer">

或者为图片添加no-referrer标头

1
<img src="example.com" referrerPolicy="no-referrer"/>

但个人感觉最适合做图床的还是网盘或者百度的一刻相册(有点麻烦),就算大厂加强了防盗链也可以下载到本地,更换服务。

Github + Jsdelivr(不推荐)

由于 jsdelivr 具有不稳定因素,非常不推荐使用这个方式当做图床。且用该方式做图床也违反了 jsdelivr 的 TOS。

1
2
3
4
5
6
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(不推荐)

BackBlazeb2+ Cloudflare CDN

参考:

IPFS 图床

星际文件系统(InterPlanetary File System). IPFS 是一个分布式的 web, 点到点超媒体协议. 可以让我们的互联网速度更快, 更加安全, 并且更加开放. IPFS 协议的目标是取代传统的互联网协议 HTTP。

私有部署图床服务

这类在 Github 上有很多开源项目,例如

但因为部署成本过高不推荐。如果你有更好的建议或推荐的图床,欢迎在下方评论区留言。

图片转Base64

将图片转为文本格式存储,在网页和typora 中也是可以显示的
下面推荐给个工具
图片转 BASE64 编码 | 菜鸟工具

1
2
3
4
<!--Base64 在 HTML 中的使用-->
<img width="40" height="30" src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />
<!--Base64 在 MD中的使用-->
![](base64)

下面是一张使用base64的图片