快速上载和托管图像的工作流程,使将图像插入博客帖子的方式更加容易。
我一直在寻找更快的方法来上传图像并将其插入博客文章。 这是我最不喜欢的博客工作流程的一部分。 到目前为止,我已经使用了一个非常复杂的Amazon S3存储桶和Transmit组合。 但是在周末期间,在搬迁托管服务提供商1时,我终于想到了一个非常简单的图像上传工作流程,我想与大家分享一下,以防它对其他人有所帮助。
通过此工作流程,您可以将图像拖放到Mac上的菜单栏图标上,然后立即在需要的位置立即为该图像粘贴安全的自定义域URL。
第1步-创建S3存储桶
为您的图像上传创建一个Amazon S3存储桶。 命名存储桶的名称无关紧要,但不要添加. 的名字。 这会在以后不想处理的过程中创建一些奇怪的SSL证书错误。
另外,请确保您已通过“权限”标签将存储桶设置为可公开访问,否则您将收到文件读取错误。
第2步-创建CloudFront分配
为刚刚创建的S3存储桶创建Amazon CloudFront发行版,以便您可以为图像使用自定义URL,并利用Amazon的Content Delivery Network(CDN)功能。
当您完成为S3存储桶添加分发的流程时,请首先将“分发设置”部分留空-我们将继续讨论。

第3步-为您的图像添加自定义域
返回“分发”主屏幕,记下为您的存储桶创建的CloudFront域名。 格式为***************.cloudfront.net 。 转到您的DNS提供商,并为要用于图像的自定义域添加CNAME 。
就我而言, cdn.elezea.com指向d26fqxuc6*****.cloudfront.net CloudFront发行d26fqxuc6*****.cloudfront.net ,该发行版又链接到我之前设置的S3存储桶。
步骤4 —将SSL证书添加到CloudFront分发中
现在返回到CloudFront中的“分发设置”。 添加您的CNAME信息,然后单击按钮“使用ACM请求或导入证书”。
这将带您完成生成免费的SSL证书以与CloudFront发行版一起使用的过程。 如果您通过https服务站点,那么这是必不可少的 。 如果不这样做,您的图片将通过http投放,并且在您将图片嵌入网站时会收到“混合内容”警告。
将您的设置更改为“自定义SSL证书”,一切顺利。

插曲-屏住呼吸
如果您已成功完成这些步骤,则将在这里进行。 每当您将图像上传到S3存储桶时,您都可以通过https上的自定义URL来提供该图像,此外,您还将使用Amazon的CDN进行超快交付。
现在,我们需要找出将图像放入您的存储桶中的最快方法。
步骤5 —下载并设置Dropshare
有许多复杂的方法可以管理S3存储桶。 但是,当涉及到上传图像并为其获取URL时,我发现没有什么比Dropshare更简单的了。
简而言之,Dropshare允许您建立与所有S3存储桶的连接。 它允许您通过将文件拖到Dropshare菜单栏图标上载文件,然后将该图像的URL自动复制到剪贴板。 因此,要将图像添加到此博客文章中,例如,我只是将图像拖到菜单栏图标上,然后返回到我正在编写的位置,然后按⌘-V插入链接。 再简单不过了。
我在Dropshare中链接了一堆S3存储桶:

对于我用于此站点的存储桶,请注意,我输入了存储桶名称,域别名(您之前添加的CNAME ),并且选中了“使用SSL”框:

这使添加图像的工作流程变得轻而易举。 拖放。 而已。
上传图片时,Dropshare允许您选择要上传到的存储桶,以及是否要添加登录页面和/或使用URL缩短器(我通常不这样做,但是很高兴拥有选项)。

Dropshare在其他方面也很有用。 我有一个键盘快捷键可以进行屏幕截图,然后将其自动上传到S3存储桶,然后将URL复制到剪贴板。 例如,这对于在Slack中共享屏幕快照非常有用。
我不确定有多少人需要从图像工作流程中节省几分钟的时间。 但是,我希望这篇文章对像我一样迷恋这种事情的人有用。 如果您认为可以进一步改善此流程,请告诉我!