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

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

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

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

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

提交申请 提交申请

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

等待处理 等待处理

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

提示配置 CNAME 提示配置 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 日 完成初稿