七牛云配置

博客图床选择与配置：让图片加载快3倍

说个真事儿：我之前有篇文章写得挺好的，结果有个配图加载了整整8秒，读者直接关闭页面走人了。后来一查日志，那张图被100个人访问过，但平均停留时间只有15秒——明摆着是图片把人家吓跑的。

图片是博客里最容易拖慢速度的元素。一张高清大图动不动就几MB，访客网速慢的话等半天转圈圈。

解决方案就是图床。把图片存到专业的CDN或者对象存储上，访客访问的时候从最近的节点加载，速度比放在自己服务器快多了。

这篇文章说说我的图床配置经验，从选型到落地，手把手教你怎么配。

为什么需要图床

直接放服务器不是不行，但有几个明显的问题：

第一，服务器带宽有限。我用的是2Mbps带宽的VPS，一张2MB的图需要8秒才能加载完。但如果走CDN，同一张图可能100毫秒就出来了。

第二，占用服务器存储空间。博客文章多了，图片积累起来也不少，放在服务器里占地方备份也麻烦。

第三，不方便迁移。哪天换服务器了，图片路径全得改，图床就不存在这个问题。

所以图床是博客的标配，不是可选项。

免费图床方案对比

先说预算有限的博主，免费的也有不错的选择。

路过图床（img.tietie.com）是老牌免费图床，支持HTTPS，单个文件最大5MB，稳定性不错。但免费版有流量限制，日均几千IP的博客够用，再多就悬了。

聚合图床是个多源图床，支持把图片同时上传到多个免费图床，某个图床挂了不影响。但速度一般，稳定性也参差不齐。

SM.MS是国外的图床，稳定性不错，但国内访问速度不太稳定，有时候图片加载特别慢。

我的建议是：免费图床用来测试和临时使用，长期运营的博客最好还是上个付费方案。

付费图床方案推荐

七牛云是我用得最多的。每月有10GB免费额度，新用户还有半年试用期。对个人博客来说，基本用不完。

配置方法很简单：

1. 注册七牛云账号，完成实名认证

2. 创建一个存储空间（bucket），选择华东节点

3. 开启CDN加速，会给你一个专属的加速域名

4. 在博客的图片上传插件里填入AK、SK和bucket名称

第一次配置可能有点懵，按七牛云的文档走一遍就清楚了。大概需要20分钟能搞定。

又拍云也不错，有免费的CDN额度，配置比七牛云更简单，适合新手。

阿里云OSS和腾讯云COS是大厂的方案，稳定性最好，但价格也相对高一些。适合已经有一定流量的博客使用。

图床配置实操

以七牛云为例，说说怎么配置。

第一步，下载七牛云的命令行工具或者使用插件上传图片。如果你的博客用的是WordPress，有七牛云的官方插件，一键同步媒体库。Typecho和Z-Blog也有对应的插件。

我用的是Typora写Markdown，直接在设置里配置七牛云的参数，写完文章按一下上传键，图片就自动传到七牛云了，特别方便。

第二步，把博客里已有的图片迁移到图床。这个比较麻烦，需要批量处理。

我的做法是用Python写了个脚本，遍历文章目录里的图片文件，上传到七牛云，然后替换文章里的图片路径。大概花了一晚上，把三年的文章图片全部迁移完了。

```python

import qiniu

import os

import re

ak = "你的AccessKey"

七牛云配置-第1张图片-无双博客

sk = "你的SecretKey"

bucket = "你的bucket名称"

上传图片并替换路径

for file in os.listdir("articles/"):

with open(f"articles/{file}", "r", encoding="utf-8") as f:

content = f.read()

# 找出所有本地图片路径

images = re.findall(r'!\[.*?\]\((.*?)\)', content)

for img in images:

if img.startswith("images/"):

# 上传到七牛云

url = upload_to_qiniu(img)

# 替换路径

content = content.replace(img, url)

# 保存修改后的文件

with open(f"articles/{file}", "w", encoding="utf-8") as f:

f.write(content)

```

第三步，验证配置是否生效。打开博客随便点开一篇文章，按F12看Network面板，图片的请求URL应该是七牛云的域名，而不是你自己的服务器域名。

图片优化：除了图床还要做这些

光用图床还不够，图片本身也要优化。

首先，图片格式要选对。照片用WebP格式，体积比JPEG小30%左右，画质还更好。截图和图标用PNG或者SVG。

我用的图床都开启了自动格式转换，上传的时候自动转成WebP，省心。

其次，图片尺寸要合适。一张在文章里显示宽度为800px的图，你上传一张4000px的原图就是浪费。提前用截图工具裁剪到合适尺寸，能省不少流量。

第三，给图片加懒加载。页面加载时只加载首屏的图片，下拉到图片位置才加载后面的。我博客用了懒加载之后，首屏加载时间从3秒降到了0.8秒，效果立竿见影。

图床备份：不要把所有鸡蛋放一个篮子

虽然图床很稳定，但万一哪天图床服务出问题了呢？

我的做法是定期备份重要的图片。本地硬盘一份，百度网盘一份，云存储一份。三个地方同时出问题我可以直接去买彩票了。

另外，图床的选择最好选大厂的服务，稳定性有保障。小众图床随时可能关停，我之前就吃过这个亏，有个小图床说关就关，图片全部丢失，只能重写文章重新配图。

常见问题

Q：图床免费额度用完了怎么办？

A：七牛云的超额费用很低，我用了大半年还没超过10块钱。如果流量真的很大，可以考虑又拍云的进阶版，流量更便宜。

Q：图片防盗链怎么配置？

A：七牛云后台有防盗链设置，可以绑定你的博客域名，只允许从你的域名引用图片，防止别人盗用你的图床流量。

Q：图床URL太长影响美观怎么办？

A：七牛云可以绑定自己的域名，比如 `img.yourblog.com`，这样图片URL就整洁多了。域名CNAME到七牛云就行，配置很简单。