跳至主要内容

WP Media Folder 插件:DigitalOcean 集成

1. 如何在 DigitalOcean 创建新的 API 密钥?

首先,您应该在站点上登录您的 DigitalOcean 账户。然后前往 此处 或在左侧菜单中导航到 API 部分,点击 生成新密钥 按钮。

 

generate-new-key

 

之后,输入密钥名称,然后点击绿色勾选按钮。.

 

name-new-key

 

最后,密钥 ID 和密钥将显示在那里。请保留它们,以便在下一步登录 WP Media Folder 时使用。.

 

new-key-generate

 

创建新空间

可以在 DigitalOcean 或 WP Media Folder 插件上创建新的空间。.

第一种方法是在 DigitalOcean 网站上创建,并点击 创建按钮 > Spaces 在仪表板右上角。

 

create-space

 

选择数据中心区域,并输入空间名称。点击 创建空间 按钮。

 

name-space-digital-ocean

 

第二种方法是在 WP Media Folder 设置中创建。导航到菜单 设置 > WP Media Folder > Cloud > Offload Media > DigitalOcean, 点击 空间设置和选择 按钮。

 

Space-settings-selection

 

然后选择区域并为空间命名。.

 

create-space-mf

 

2. 从 WP Media Folder 登录 DigitalOcean

返回 WordPress Thing 仪表盘并点击菜单 设置 > WP Media Folder > 云 > 卸载媒体。 接下来,点击 编辑 图标于 选择云提供商 并选择 DigitalOcean

 

select-cloud-provider-digital-ocean

 

然后,将以下内容粘贴到表单字段中:

  • 访问密钥 ID
  • 密钥访问密钥

 

input-key-digital-ocean

 

之后,保存设置,连接应当成功。然后点击 空间设置和选择 按钮以选择空间或创建新空间。请继续下一步以了解 DigitalOcean 功能。

 

选择空间

 

3. 它是如何工作的?我可以用 DigitalOcean 做什么?

它是如何工作的?

一旦您已将 WP Media Folder 与 DigitalOcean 连接并启用 复制到 DigitalOcean 选项,所有新上传的媒体将被发送到 DigitalOcean。

 

复制到 DigitalOcean

 

请记得创建并选择一个用于存储所有数据的空间。如果您想在使用 DigitalOcean 集成之前同步已上传的媒体,请点击 同步到 DigitalOcean 按钮。然后它会将您现有的媒体库发送到您的 DigitalOcean 空间。

 

sync-media-button-digital

 

注意: 当您执行此操作时,您的媒体 URL 将被 DigitalOcean URL 替代。请参见下面的示例。
From https://joomunited.com/wp-content/uploads/2019/02/image.jpg to >> https://joomunited-space.nyc3.digitaloceanspaces.com/wp-media-folder-joomunited/wp-content/uploads/2019/02/image.jpg

 

为了在站点上卸载媒体,您应该启用 删除后 上传 选项,您的媒体库将完全存储在 DigitalOcean 上,而不是在您的服务器上。

 

remove-after-upload-digital-ocean

 

通过启用 附件标签 选项,当您将鼠标悬停在右上角的 DigitalOcean 标签上时,每个媒体的信息将显示。

 

label-digitalOcean

 

当您想更改媒体位置或移除插件时,点击 检索 媒体 按钮,随后所有媒体将从 DigitalOcean 复制到您的媒体库。所有先前添加到内容中的链接将保持不变(不会出现断链)。

 

retrieve-media-digitalocean

 

注意:只有通过我们的插件上传的文件才能从 DigitalOcean 同步到媒体库。.

 

如何连接 CloudFront?

Cloudfront 已集成到我们的插件中。DigitalOcean 提供两种方法来建立与 CloudFront 的连接。一种是使用 Amazon S3,另一种是通过 DigitalOcean'的默认方法。.

让我们开始使用 DigitalOcean'的默认方法。.

首先,您应该前往您的 Spaces 在 DigitalOcean 上,并选择您已连接到站点的存储桶。然后导航至 设置 标签页。

CDN (内容分发网络) 选项,点击 编辑 按钮,然后勾选 启用 CDN 选项。然后点击 保存 按钮。

 

digital-ocean-cdn-default

 

通知弹出窗口显示 CDN 已在加载几秒后启用。 在右上角,选择 CDN 端点 选项,然后复制 URL 并粘贴到 自定义域名 (CNAME) 字段。

 

cdn-endpoint-url-digital-ocean-default


最后,您可以看到 文件 URL 字段在每个图像中。

 

file-url-cdn-digital-ocean-default

 

第二种方式,您可以使用 Amazon S3 Cloudfront。首先,在 Amazon 仪表板中,导航至 服务 > CloudFront 或前往此 链接

 

cloudfront-menu

 

从这里,点击 创建分发 按钮位于右上角。

 

create-distribution-button

 

然后在 源域名 字段中。例如: "https://joomunited.us-east-1.digitaloceanspaces.com"

 

create-distribution-digital-ocean

 

默认缓存行为 > 缓存键和来源请求 部分,选择旧版缓存设置 选项。 

 

legacy-cache-setting

 

接下来,向下滚动至 Web 应用防火墙 (WAF) 部分,然后选择 "不启用安全防护" 选项。完成后,向下滚动到底部并点击 创建分发 按钮。

 

web-application-firewall-digital-ocean

 

然后它会转到分发详情,复制分发域名。然后前往 WP Media Folder 中的 Amazon 设置,并粘贴到 自定义域名 (CNAME) 字段。

 

copy-distribution

 

请等待几分钟,直至图像完全加载,当 Last modified 字段从 "部署中" 到当前日期时间。

最后,您可以在 文件 URL 字段中每个图像的变化。

 

file-url-cdn-digital-ocean-s3

 

高级设置和操作

您可以选择一个空间,将 DigitalOcean 服务器上的文件夹和文件导入到您的媒体库。或者将所有文件从一个空间复制到另一个空间。.

 

复制空间