侧边栏壁纸
博主头像
Z同学博主等级

工作磨平激情前,坚持技术的热忱。 欢迎光临Z同学的技术小站。 分享最新的互联网知识。

  • 累计撰写 274 篇文章
  • 累计创建 55 个标签
  • 累计收到 74 条评论

阿里云OSS+Typora+PicGo 2.3.0 +Halo 实现图床搭建

Z同学
2021-11-13 / 0 评论 / 4 点赞 / 613 阅读 / 2,415 字
温馨提示:
本文最后更新于 2021-12-07,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

前言

写这篇文章,主要是因为我利用Typora 写博客文档时,传图太不方便了。因为Halo现在默认没有SecretKey 的登陆方式可以让我们配置PicGo 实现自动的图片上传。(PS:看Halo的团队留言,之后可能会进行开发这方面的功能。PS:我主要说的是图片上传到后台服务器本地的模式。)。

同时,考虑到如果全部是通过本地上传的方式,那么我之后可能迁移博客部署工具,那么图片链接就有的头疼了。

想了想,决定还是使用阿里云的OSS搭建一个自己的图床试试吧。(PS:主要就是阿里40G一年还便宜。我在双十一期间买的还有优惠。)

让文件上传于内容部署分开。方便维护和折腾。

本篇文章主要介绍:

1.如何创建和申请自己的阿里云图床(40G 一年9.9块钱。碰见打折情况还能更便宜)。
2.利用PicGo 自动上传图片,不用我们使用各种工具来回上传然后拷贝。
3.利用阿里OSS 实现自动图片打水印(给自己的图片添加版权)。
4.如何配置阿里oss。实现自定义链接访问。

等等。

推广

如果大家想买一个境外服务器,可以试试狗云:https://www.dogyun.com/?ref=zz327。

通过邮箱就可以注册,方便快捷。不用太多个人信息。

image-20211114143607506

费用

我们如果是使用阿里云的对象存储OSS,那么有些问题我们需要提前有预期,阿里云OSS可以针对图片做很多处理,但是要注意他的流量收费逻辑。

通常我们都是购买的40G一年的存储包。但是这个价格其实没有介绍清楚。因为你购买这个包之后。其他人下载链接的话。是会产生流量费用的。而阿里云OSS的公网访问流量费。这个内容可以参考

image-20211114153306993

根据选择的类型不一样。会收取不同的费用。

总结:我们如果购买了标准型LRS存储包。那么再之后的使用过程中,还可能会产生外网流量费。

我们可以先试试,因为通常访问量少的情况下,费用没有多少几分钱或者几毛钱。

配置

创建阿里云OSS

简单的步骤就是: 创建Bucket+购买LRS存储包+开通AccessKey 访问。

实现以上步骤后,我们就能够使用Bucket了。

创建 Bucket 对象

为什么要创建Bucket对象? 我理解的就是,Bucket就是我们在阿里云上创建的一个容器对象。

我们的图床其实就是在这个容器对象进行统一管理的。我们也是通过它进行上传和下载。

image-20211114154410697

购买LRS存储包

我们创建完容器后,其实就能够实现图床的创建了。但是这个时候会产生的费用就是按照你的使用流量和存储流量进行收费。如果不想这样的话,我们可以购买一个存储包。

就是所谓的一口价的意思,只要我们的Bucket使用的流量没有超过我们购买的一口价的存储包。那么就不会额外产生存储费用。

购买方法:

image-20211114154702820

建议选择标准LRS存储包。地域选择中国大陆通用就好。

配置AccessKey

image-20211114154902691

建议你创建一个子账户,然后给子账户绑定一个AccessKey 就可以了。效果图下

image-20211114155010072

因为这样安全性比较高。记住AccessKey 创建完毕后,存储到本地。因为阿里云上你将只能看到AccessKey Id 而

AccessKey Secret只有创建的时候才会显示。记住保存。

在这一步我们其实就已经完成整个云OSS的创建了。

但是如果我们希望图片域名和我们的个人域名同步。等功能可以看下一步,Bucket的配置

Bucket的配置

我们通过“对象存储/Bucket列表/xxxxx” 你的Bucket的对象名称

就可以访问配置的Bucket对象了。

效果图

image-20211114155508495

配置读写权限

我们如果是申请做图床工具的话,那么我们需要给Bucket 开放公共读的权限

image-20211114155621246

配置自己的访问域名

Bucket 默认情况下是使用阿里的域名,但是我们可以控制进行调整,将访问链接绑定到我们自己的域名下。

例如:

image-20211114155743448

我将域名绑定在了我的img.zinyan.com 的二级域名。也可以使用我们的自己的一级域名,我的域名是在阿里云上申请的,所以我创建完毕后自动就给我添加了CNAME。

图片处理

我们使用阿里云的OSS服务,它自动提供一套图片处理和ZIP包压缩的方法。配置方法简单

配置图片水印:

image-20211114160052248

创建的时候注意规则名称。按照介绍进行创建即可。

原图保护

我们创建规则后,在图片链接后面添加规则就可以显示水印了。但是如果其他人访问的时候去除了规则,那么默认情况下也能访问。所以我们要针对图片访问链接进行限制。必须配置了访问规则的链接才能访问。

配置方法:

image-20211114160315816

image-20211114160326627

全部配置完毕后,我们可以在:“概览”界面,看到我们配置后的效果和Bucket访问域名

配置PicGo

阿里上的配置完毕后,我们就可以配置PicGO了

image-20211114160822250

存储区域,就是我们购买的时候给我们的区域,如果你不知道的话,可以通过“Bucket 列表”下进行查询。

之后我们就可以在Typora上复制 图片自动就会上传到我们的Bucket下面了。我们可以在Bucket的文件管理中看到我们上传的资料信息。

除了图片以外,我们也可以上传其他文件对象。你可以将其当做一个云空间来进行理解。

配置Halo

我们的阿里云OSS配置完毕后,如何在Halo上使用和配置呢?很简单可以参考下我的配置

image-20211114161136233

然后你就可以上传了。

到这里整个的配置过程就完毕了。

其他

Halo 错误

如果Halo中配置完毕后,发现上传失败。你需要检测一下链接是否正常。通常错误后,可以在

开发者选项中看到实时日志的。

例如:image-20211114161326259

这样我们的图片就有了水印 不怕被盗图了。

Halo 本地上传PicGO插件

我们如果不想使用阿里云OSS进行图床配置的话。也可以直接使用本地文件存储。然后配置PicGo插件实现图片的动态上传。

picgo-plugin-halo-uploader

对方已经开发了一个PicGo的插件。

流量安全

如果害怕流量产生问题,我们现在可以使用阿里云的云监控,帮我们实时监控Bucket的流量使用情况。

image-20211114161756209

4

评论区