WordPress基于腾讯云COS存储站点图片及跨域解决方法

昨天我把站点内的所有图片 copy 了一份到腾讯云的 COS 存储,腾讯云 COS 对象存储是腾讯云为企业和个人开发者们提供的一种能够存储海量数据的分布式存储服务,用户可随时通过互联网对您的大量数据进行批量存储和处理,也就是说,我们可以拿来当做 WordPress 的图床使用,并且使用 COS 标准存储的用户,每月还可享受一定的免费额度的。

免费额度

资源类型

资源子类型

每月免费额度

存储空间

存储空间

50 GB

流量

外网下行流量

10 GB

流量

腾讯云 CDN 回源流量

10 GB

请求

读请求

100 万次

请求

写请求

100 万次

这对于我们个人小站点来说应该是够用的,我是直接拿来存图片了,其他 js,css 等静态文件还没想好放不放。。。下面我们直接使用这个基于腾讯云存储 COS 的 WordPress 远程附件支持的插件,可以直接将站点题图等直接替换掉,但是文章内的图没办法更换,因为已经写入数据库了,可以手动更改一下。

基于腾讯云存储 COS 的 WordPress 远程附件插件

这个插件核心功能使用了腾讯云 COS 官方 SDK,当然你不想用插件的话也可以自己集成一下

该插件实现以下功能:

使用腾讯云对象存储服务存储 wordpress 站点图片等多媒体文件

可配置是否保留本地备份和是否上传缩略图

支持配置图片等存储地址,并可支持腾讯云 COS 绑定的个性域名(需已备案)

支持一键同步资源到腾讯 COS

安装

直接下载源码包。从 Github 上或者码云上直接下载打包源码,通过 WordPress 后台上传安装,或者直接将源码包上传到 WordPress 插件目录wp-content\plugins,然后在后台启用。

Github 项目地址:传送门

码云项目地址:传送门

这个插件有点问题,项目是 2015 年上传的,作者后期好像没有维护了,这里更新了一下

百度网盘:传送门

配置插件

插件配置图一

插件配置图二

这些参数以及腾讯云存储桶如何创建就不说了,自己看一下官方文档吧。插件该注意的地方,插件设置的页面也都有说。

如果网站是 HTTP 的,需要把/cos-sync/sdk/Qcloudcos 目录下的 conf.php 文件中的https://region.file.myqcloud.com/files/v2/改为http://region.file.myqcloud.com/files/v2/

修复 BUG

第一个:

之前也说了,文章内的图片插件不会自动替换,需要手动更改一下,我们直接打开数据库 spl 执行以下命令,看到影响了*行 说明执行成功

执行成功

第二个:

当替换完了以后,查看控制台会报错,

跨域问题

提示跨域之类的错误No 'Access-Control-Allow-Origin' header is present on the requested resource.原因是没有添加 header 头之类的东西,解决方法:

在你的腾讯 COS 源的 CDN 中添加 HTTP Header 配置,

Access-Control-Allow-Origin:*

在你的存储桶的基础设置中设置跨域访问 CORS,配置如下

跨域访问 CORS 设置

就可以去除这个报错信息了。

沈唁志|一个PHPer的成长之路! 原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:WordPress基于腾讯云COS存储站点图片及跨域解决方法

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏FreeBuf

漏洞追踪:最新IE UXSS漏洞技术分析

最近David Leo在Full Disclosure上爆出了一个ie的 uxss 漏洞,可以绕过ie的同源策略。FreeBuf也有相关的报道(点我查看)。本文...

20870
来自专栏BeJavaGod

创建线程的几种方式

说道线程,肯定会想到使用 java.lang.Thread.java这个类 那么创建线程也主要有2种方式 第一种方式: ? 然后在调用处,执行start方法即可...

34340
来自专栏云计算教程系列

如何在Ubuntu 14.04上使用Fail2Ban保护WordPress

WordPress是一个非常强大的内容管理系统(CMS),是免费和开源的。因为任何人都可以发表评论,创建一个帐户,并在WordPress上发帖,许多恶意行为者已...

17800
来自专栏Wordpress专用主机|主题模板|必备插件

腾讯云服务器如何安装宝塔面板

对于很多wordpress爱好者来讲,会优先选择服务器而不是虚拟主机。毕竟服务器在性能以及可控性上很不小的优势。

3.7K100
来自专栏张戈的专栏

博客文章重新启用评论,附一键填写评论中用户信息代码生成工具

博客关闭评论近一个月的时间,总体的感觉很是安逸,不过看了留言板的反馈,感觉关闭评论对一些真正需要帮助的朋友还是带来了些许不方便,思前考后,决定再次开放评论。 但...

36670
来自专栏Youngxj

Wordpress入门建站教程

2K50
来自专栏守候书阁

webpack+vue项目实战(三,配置功能操作页和组件的按需加载)

上篇文章(webpack+vue项目实战(二,开发管理系统主页面)),实现了,侧边栏的一个操作,点击侧边栏的一些操作,最重要的就是路由的切换。看了上一篇的伙伴也...

14720
来自专栏Windows Community

Windows 8.1 应用再出发 - 创建我的第一个应用

转眼间Windows 8.1已经发布了四个多月,之前因为开发需要对Windows 8.1新特性进行过零散的学习和使用,一直没有静下心来系统的学习过。近日部门有几...

368120
来自专栏乐百川的学习频道

Visual Studio Code介绍

应该有很多人都知道Atom编辑器吧,它是由Github开发的一个跨平台的编辑器。它使用了跨平台的Electron,用前端技术编写图形界面。一开始我也推荐过这个编...

29950
来自专栏编程之旅

iOS开发——解析崩溃日志

在实际的开发过程中,作为开发者的我们常常会碰到一种场景,那就是真机调试时崩溃了,而有时又不能在Xcode中打印出崩溃信息,那么这时候我们就必须要获取到崩溃原因,...

22030

扫码关注云+社区

领取腾讯云代金券