独立站媒体卸载资源托管插件leopard offload media下载使用教程

你好，这节课我们为大家去分享一个运维的插件，当然这个插件对于我们独立站的速度提升也是有很大的帮助，那么平时我们去搭建独立站的过程当中，后期我们在提升我们独立站速度的时候，或者是性能的时候，我们一般会从三个层面去提升。

首先第一个就是你购买服务器的时候尽量去买那些优质的服务器；

第二层就是你使用程序的时候，比如说你使用主题插件这些，相对来说你要使用那一些比较快的或者是性能优越的主题和插件，这是从程序这一个层面去提升我们独立站的性能和速度的。

第三个层面就是我们更新的时候，比如说我们更新的图片、视频等等这些内容，特别是我们的图片在我们的独立站里面是最多的。比如说你是做TOC，那么你可能你的独立站里面就会有很多产品的图片，那么这些产品图片我们建议大家通过两种方式，第一种方式就这个图片它最好是按照一定的规格，就比如说如果是 1: 1 的，那么你所有的图片都使用 1: 1 的，这样的话你的产品或者是你的其他的内容它就会显示的很规整。

第二个针对我们图片的内容，就是我们的图片它尽量就是要控制在一定的尺寸大小之内。比如说我们的产品图片如果是 1: 1，那你就按照 1080 乘以 1080 或者是 800 × 800，这些都是可以的，也就是说这些图片上传之前，你最好是通过 Photoshop 或者通过一些其他的图像编辑软件去处理一下，而不是直接通过手机或者通过相机拍摄完了以后直接上传。

因为我们都知道不仅仅是相机，甚至现在一般的手机拍摄出来的图片大的也有几兆，那么你把这种几兆的图片上传到我们的独立站在 PC 端，可能还不是特别明显，但是在我们的手机上它就会非常的卡，因为你的图片假如说有两兆或者是一兆，它就相当于用户在打开这个网页的时候，他如果想把这个图片加载出来，那他就必须得下载一兆的这样的一个图片。

那如果你一张图片就是一兆，那如果你的一个产品里面有一二十张图片，那你可想而知你这个页面的加载速度会非常的慢，所以如果你想让你的独立站的速度相对比较快，那么对于我们素材的优化也是非常关键的。那么除了我们刚才所到的两种方式之外，有没有其他的方法可以去提高我们图片的加载速度呢？也就是我们这一节课要给大家讲到的就是我们可以把我们的图片放到一些云端的，也就是在一些第三方的资源库里面，就像我们使用阿里云，它里面有一个OSS，实际上就是把我们的资源上传到阿里云的这个素材库，然后我们再通过域名去引用到我们的独立站，这就相当于我们做了一个分离，就我们独立站里面的程序文件、数据都是放在我们自己的服务器里面的，但是我们的图片可以放在另外一个服务器里面，那么肯定就比我们单个的本来一个服务器的运营速度会更快一点。

leopard offload media插件介绍：

这就是我们这一节课要给大家分享的一个内容，我们这里借助的是一个 leopard WordPress offload media 这样的一个插件，这个插件虽然它的使用人数并不是特别多，但是评分也是比较高的。

最主要的就是这个插件我应用以后，我发现这个插件非常的简洁，它可以支持市面上目前大部分的一些云端的资源库。比如说我们经常使用到的亚马逊的S3、谷歌云盘，包括我们要给大家讲到的 Cloudflare R2 这样的一个资源库。我们可以把我们的图片，或者是把我们的文件，甚至是我们的视频直接上传到这些资源的云端里面，而再通过链接引入到我们的独立站。

这个就像我们之前为大家去建议，如果你要有视频的话，建议大家把视频上传到 YouTube 或者是 Vimeo 这样的第三方平台，然后你上传完以后，然后直接把我们的视频再通过链接的方式引用到我们的独立站好，下面首先让我们去看一下这个leopard的这样的一个插件它的一些特征。

支持AWS、Google、Cloudflare对象存储

首先第一个就是我们刚才所说到的，它支持目前市面上大部分的一些云端的资源库。然后第二个就是它是一步使用的，就是你一旦上传完以后，除了这种云端服务器。如果你用超了以后有费用之外，这个插件本身不会再有其他的费用，也不需要去安装其他的附加组件。

对于我们上传的这些云端的资源库，我们可以自定义它的路径，那么就可以把我们独立站里面的资源进行区分，当然它也可以把我们的独立站里面的 js 文件，包括我们的 css、svg这样的一些文件，也可以直接上传到这种云端的资源库里面。而如果你使用的独立站做的一些虚拟产品的下载，比如说你是提供一些教程的，或者是提供一些压缩包附件的，那么当然这是更有利的，我们直接可以使用woocommerce里面的那样的一个下载按钮，然后我们通过那个按钮直接可以把它上传到我们的云端，所以这个插件能够帮我们解决的就是这样的问题。

当然他也做了一些其他的性能加速，因为这个插件它的主要的目的就是去卸载我们的media，其实就是我们的附件或者是我们的媒体文件，它这里叫卸载，实际上就是转到我们的云端，就是把我们本来应该上传到我们独立站的一些素材直接放到这些云端，而这些云端里面的资源库它有很高的免费的额度。比如说我们之前使用谷歌的云盘，它就有5G的免费空间，你直接可以把你的附件上传上去，然后去引用下载。那么我们等一下要给大家讲到的像cloudflare R2这样的一个资源桶，那么它就有10G 的资源空间，可以让我们去上传素材。那如果你超过了额度，它只是象征性的会收一些费用，所以相对来说也是比较优惠的。

媒体卸载插件使用教程：

10G对于大部分的独立站而言都是足够的，特别是一些中小型企业的一些独立站都是足够的，这就是关于leopard的这样的一个插件的介绍，那么为了让大家更方便的去使用这类的插件，那么针对这个 label 的插件，我们这个课程分为三个内容。

leopard offload media介绍和安装：

第一个内容就是给大家讲清楚类似于leopard的，当然类似这样的插件非常的多，就是可以把我们的素材放在我们的一些第三方云端，比如说你在国内你可以把你的独立站上面的图片素材直接放到阿里云的 OSS 这个资源库里面。那么在国外，就比如说我们经常用到的就是亚马逊的 S3 或者是 cloud Flare  R2，当然也有谷歌的，那当然国外的选择会更多，所以首先我们先去了解它的作用。然后我们要给大家演示一下这个插件的安装和激活，

leopard offload media插件配置：

第二个教程，我们将会教大家类似于leopard的这样的插件它怎么样去配置。

leopard offload media 对象存储配置：

第三个我们会选择一个云端的资源库，比如说我们这里使用的就是 Cloudflare  R2，因为这样的一个 R2 的资源库，因为它非常的优惠。就比如说如果你使用免费的套餐，那你每个月就有10G的存储空间，那么A类的行动可以有 100 万个免费次数。这里所说的 A类就类似于我们的写入，那么 B类就是访问，就是你的资源一旦上传了以后，那么每个月支持 1000 万次的访问次数，它是不收费的，那如果超过这个额度以后它会有一定的费用，当然这个费用也是非常低的。

对于我们大部分的独立站商家而言都是非常的优惠的，所以在我们第三个视频里面，我们会教大家怎么样通过 cloudflare，然后怎么样去开通 R2 这样的一个资源库，然后怎么样把它配置到我们的独立站里面。

leopard offload media插件安装：

现在我们对于我们独立站的资源托管已经有了一个大致的了解。那么下面我们给大家去演示一下这个插件的安装和激活，当然这个插件已经给大家准备好了，你可以直接在学建站网去下载。

现在我们进入我们独立站的后台，然后直接点击安装插件，我们这里给大家安装的是目前的最高版本3.1.2，那如果它有最新的版本，直接可以去学建站网去下载好，上传成功以后点击安装好，安装成功以后我们激活插件，这样我们就完成了leopard   offload media 这样的一个插件当中。

安装成功以后，它在我们的左侧的功能按钮里面就会多出来一个选项，然后非常的明显，让我们点击进入这里，它会提示我们有一个错误，这是因为我们目前还没有去配置它的资源桶，所以它会出现这样的问题，而在上面它也会提供它的一些官方的教程，我们直接可以去使用，当我们把这个插件安装成功以后，这个插件就直接被激活了，那么后面我们只要去填写我们的一些资源配置，那么就直接可以完成把我们本地的媒体库和我们的云端连接起来了，那么下一节课我们将会给大家具体演示。