跳到主内容

WP接入七牛图片样式及防盗链配置

100%
WP接入七牛图片样式及防盗链配置

昨天接入了七牛云存储,面临一些设置,就是图片样式接口的调用及防盗链的设置,下面我们依次说下两者的解决方法。

防盗链配置

先来说说防盗链该如何配置,就来说说 Referer 防盗链吧,因为时间戳防盗链搞了半天没搞好,以后找到解决方法在分享出来。下面咱们看图:

WP接入七牛图片样式及防盗链配置WP接入七牛图片样式及防盗链配置WP接入七牛图片样式及防盗链配置
把下面这些域名放到白名单里即可,等待几分钟他们就会处理完毕。
[collapse title=”点此查看”]
mp.qq.com
www.chinaso.com
www.sogou.com
www.baidu.com
*.sogou.com
*.baidu.com
*.sina.com
www.so.com
*.qzone.qq.com
*.google.com
*.qq.com
openmail.qq.com
mp.yidianzixun.com
www.toutiao.com
img.t.sinajs.cn
mp.toutiao.com
www.imydl.com
*.sinajs.cn
www.ymanz.com
service.weibo.com
*.so.com
*.bing.com
mail.qq.com
*.ymanz.com
cn.bing.com
www.google.com
s.share.baidu.com
*.weibo.com
www.qicaiyun.top
*.qicaiyun.top
[/collapse]

图片样式配置

在七牛云“图片样式”里选择好自己所需要的样式,并得到他们给的图片处理接口(由于每个人的需求不同,接口数据也不同,就不一一列出来了)大致样式如下:

WP接入七牛图片样式及防盗链配置

找到主题文件中的“functions.php”,添加下面代码,根据你的情况作出合理修改上传即可,需要注意的是<?/此处为 qiniu.com 提供的接口>前面的问号是分隔符,如果你设置的是其他符合,例如感叹号之类的需要替换本文提供的问号:

//七牛图片处理 www.qicaiyun.top
function fa_converse_webp($matches) {
return $matches[1] . $matches['2'] . '?/此处为 qiniu.com 提供的接口';     //return $matches[1] . $matches['2'] . '?/imageView2/0/format/webp/q/72';本站的接口(仅供参考)
}

function fa_converse_webp_filter($content){
global $post;
$content = preg_replace_callback("/(<img[^>]*src *= *["']?)([^"']*)/i", 'fa_converse_webp' , $content);
return $content;
}

function fa_is_support_webp(){
return strstr($_SERVER['HTTP_ACCEPT'],'image/webp');
}

if ( fa_is_support_webp() ) add_filter('the_content','fa_converse_webp_filter');

WP接入七牛图片样式及防盗链配置

这篇有帮助吗?
云上的幻象
云上的幻象查看主页

七彩云博客,分享 WordPress 建站实战与 AI 工具测评,覆盖服务器运维、站长工具、软件资源与电商运营干货,专注原创实用的主题插件、网站加速与安全优化教程。

1013文章4评论

相关文章