检测到您启用了Adblock等屏蔽广告扩展,导致正常的内容图片无法显示,为了不影响阅读体验,建议您将www.xiaoz.me加入白名单。

Typecho免插件使用七牛云存储托管图片

Typecho有个第三方插件使用七牛SDK自动将上传的图片同步到七牛,但是感觉这个插件某些时候似乎有些问题,导致上传失败,不知道是七牛接口原因还是插件原因导致。分享一下免插件实现将Typecho文章图片自动替换为七牛地址,从而实现托管图片的目的。

注册七牛和实名认证这些就省略了,七牛官网地址:http://www.qiniu.com/ ,首先创建一个空间(bucket),如下我已经创建了一个名为 typecho的空间,然后设置镜像存储,镜像源填写你的博客地址(http://faq.xiaoz.me/),最后保存设置。

2016-04-19_205642

找到七牛为您当前空间分配的测试域名,或者您自行绑定域名,待会儿需要用到,如下截图,我已经为typecho空间绑定了一个域名img.xiaoz.me

2016-04-19_210010

找到typecho的文章页面文件,主题目录下的post.php文件,找到:

1
<?php $this->content(); ?>

将其替换为:

1
<?php echo $str = str_replace("faq.xiaoz.me/usr/uploads","img.xiaoz.me/usr/uploads",$this->content); ?>

其中faq.xiaoz.me为您博客自身域名,img.xiaoz.me为您在七牛空间绑定的域名,或者七牛为您分配的测试域名均可。这个方法的原理就是七牛支持镜像存储,设置镜像源后,当你访问七牛的地址会自动从源地址获取对应文件并抓取过来,连SDK都不需要使用。

15 Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注