使用七牛也有一段时间了，毫无疑问七牛是我用过的最好用的图床，此前已经说过 七牛的一些优点。前些天 把域名备案搞定，这下可以使用七牛云的自定义域名功能。

下面简单讲一下七牛的域名绑定，比较实在的好处是：告别丑陋的临时域名，更好地装逼。无论是类似于 fooleap.qiniudn.com 的七牛二级域名，或是 7fv9cr.com1.z0.glb.clouddn.com 的七牛临时域名，怎么看也都不如自己一个自己博客主域一样的二级域名来得爽。

七牛的自定义域名设置很方便也很简单，必要的前提条件有两个：

• 账户至少要有 10 元余额：可通过 财务 - 充值
• 已完成备案的域名：鄙人已备案

完成上面的步骤之后，在所需要绑定的空间 空间设置 - 域名设置 - 自定义域名 点击 配置 按钮，并根据实际需求填写提交。鄙人填写如下图

提交申请

点击提交之后便是等待处理阶段，提示 24 小时内配置完成。

等待处理

审核通过之后，便可根据提示设置域名解析。

提示配置 CNAME

设置域名解析

验证成功便完成自定义域名的设置。

配置完成

鄙人使用 Jekyll，设置了一个 site.IMG_PATH 的变量为图床网址，仅需修改 _config.yml 相应的配置即可全站替换资源 URL。

这里顺带提一下，若 YAML 头信息（Front Matter）中也想引用类似 site.IMG_PATH 的变量时，鄙人是这么处理的。

本博首页的文章列表中，标题前面都会有一张很小的缩略图，有点小看起来并不是很舒服，不过能让一部分观众一看便大概了解相关文章的内容。有配图的直接引用配图并通过七牛 API 处理即可，没配图可以设置一张默认的缩略图，而配图为截图的文章，那么小的一张图片肯定很丑，所以鄙人为它们专门贴一张图片作为缩略图，可设置一个自定义页面变量 page.thumb。

在需要自定义缩略图的文章文件头信息中，插入 thumb 变量即可。那么问题来了，头信息并不能使用类似 site.IMG_PATH 这样的变量，总不会每次都复制完整的 URL 进去，这样下次更换图床或图床域名时，就很费事了。

这个可以确定一个字符串，作用和 site.IMG_PATH 一样，鄙人确定的字符串是“IMG_PATH”，主要为了和自定义变量的命名保持一致，例如本文：

---
……
thumb: IMG_PATH/qiniu.png
……
---

在需要引用的地方，使用 Liquid 的文本替换，将其替换成 site.IMG_PATH 变量即可，例如本站的：

<img class="thumbnail" src="{{ post.thumb | replace:'IMG_PATH', site.IMG_PATH }}?imageView2/1/w/48/h/48" />

本站的完整代码可前往 GitHub 查看。

本文历史

• 2015 年 11 月 26 日 完成初稿