免费图床使用教程（新手详细版）

免费图床使用教程（新手详细版）

图床（Image Hosting）是用来存放图片并生成外链的网站。
搭建博客、写 Markdown、发帖时，经常需要图床来保存图片。

使用图床后：

✅ 图片不会占用本地空间
✅ 可以直接复制链接到博客
✅ 支持 Markdown 引用
✅ 适合 Hexo、VuePress、WordPress 等博客

一、什么是图床？

简单来说：

1
2
3
4
5
上传图片
↓
图床帮你生成图片链接
↓
复制到博客即可显示

例如：

1
![图片描述](https://example.com/test.png)

二、推荐几个免费图床（国内可用）

图床 是否免费 国内访问 特点
SM.MS ✅ ✅ 最常用
ImgBB ✅ ⚠️ 国外速度一般
路过图床 ✅ ✅ 国内稳定
GitHub + jsDelivr ✅ ⚠️ 适合长期
聚合图床 ✅ ✅ 多平台

三、SM.MS 图床教程（推荐）

官网：

1
https://sm.ms

1. 注册账号

打开：

1
https://sm.ms

点击：

1
Register

注册账号。

2. 上传图片

登录后：

1
点击 Upload

或者：

1
直接拖拽图片进去

上传完成后会自动生成：

1
2
3
图片直链
Markdown 链接
HTML 链接

3. 复制 Markdown 链接

例如：

1
![封面图](https://i.imgs.ovh/2026/05/16/test.png)

直接复制到博客。

四、Markdown 插入图片方法

博客中：

1
![图片描述](图片链接)

例如：

1
![博客封面](https://i.imgs.ovh/2026/05/16/test.png)

五、Hexo 博客插入图床图片

在文章顶部：

1
cover: https://你的图片链接

例如：

1
cover: https://i.imgs.ovh/2026/05/16/test.png

六、GitHub 图床（长期稳定）

适合：

1
2
3
长期博客
技术文章
稳定外链

1. 创建 GitHub 仓库

打开：

1
https://github.com

新建仓库：

1
img

2. 上传图片

点击：

1
2
Add file
→ Upload files

上传图片。

3. 获取图片链接

上传后：

1
2
点击图片
→ Raw

复制链接。

七、PicGo 图床工具（强烈推荐）

PicGo 是自动上传图床的软件。

官网：

1
https://molunerfinn.com/PicGo/

GitHub：

1
https://github.com/Molunerfinn/PicGo

功能

✅ 截图自动上传
✅ 自动复制链接
✅ 支持 GitHub / SM.MS / ImgBB
✅ 支持 Markdown 自动生成

配置 SM.MS

打开 PicGo：

1
2
3
图床设置
→ SM.MS
→ 输入 API Token

即可上传。

八、Typora 自动上传图床

Typora 支持：

1
粘贴图片自动上传

设置：

1
2
3
文件
→ 偏好设置
→ 图像

选择：

1
PicGo(app)

即可。

九、推荐工作流（最舒服）

推荐组合：

1
2
3
4
5
6
7
Typora
+
PicGo
+
SM.MS
+
Hexo

效果：

1
2
3
4
5
6
7
截图
↓
自动上传
↓
自动生成 Markdown
↓
直接发博客

非常适合技术博客。

十、常见问题

图片打不开

可能原因：

1
2
3
图床被墙
链接错误
图片被删除

Markdown 不显示图片

检查：

1
2
链接是否正确
https 是否完整

GitHub 图片太慢

解决：

1
使用 jsDelivr CDN

例如：

1
https://cdn.jsdelivr.net/gh/用户名/仓库名/图片.png

十一、推荐封面图网站

免费高清图片

1
2
3
https://unsplash.com
https://pexels.com
https://pixabay.com

十二、总结

现在你已经学会：

✅ 免费图床使用
✅ Markdown 插图
✅ Hexo 图片封面
✅ GitHub 图床
✅ PicGo 自动上传
✅ Typora 自动图床

最后一句

一个好的博客，图片体验非常重要。
学会图床后，你的 Hexo 博客会专业很多 🚀