[yotroy.cool] halo博客配置oss对象云存储阿里云-博客访问图片资源速度慢的解决办法

本文主要是介绍[yotroy.cool] halo博客配置oss对象云存储阿里云-博客访问图片资源速度慢的解决办法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

个人博客https://www.yotroy.cool/,欢迎关注我哦~

前言

前几天发现一个大问题,就是博客访问往往秒开,但是图片会一直卡着一点一点加载出来,特别耗费时间,尤其是有些文章里包含多张大尺寸图片的。所以为了解决这个问题我试着发帖寻找好的方法帖子之一。

解决方案

同时我也提供了三个方案

  1. 自己编写程序在halo后台上传图片时自动缩小上传图片大小 这是我能想到最好的方案
  2. 使用自带缩略大小功能的图床 但毕竟资源放在自己这里更安心吧 不稳定的图床网站可能导致图片丢失
  3. 在上传前把照片缩小 除非有批量处理软件推荐 否则较为繁琐

但是以上三个方案都存在一定的问题,在不断了解后找到了可能是最好的解决方案。
后来我才了解到云存储这个东西。得出以下。

最优解决方案

1. 云存储+图片处理——能够突破自身带宽限制结合自带的图片处理
2. gzip——优化网页访问速度
3. cdn加速或全站加速

第一选择-尝试又拍云过程中发现的一些问题

由于最开始听许多人都是配置的又拍云存储因为有送空间和流量,一年能便宜十几块吧。但是后来配置不起来也就没管,那天突然想起问题所在即SSL证书没有配置好。图片显示地址需要解析到自己的域名,但是halo会根据证书同步原则自动将https的网页绑定https的附件网址,所以如果博客有https,那么附件的地址也应为https否则无法访问。
总之第一次弄云存储也需要不断试错,我们直接进入正题。

halo对接阿里云对象存储oss配置

本着用谁家的服务器就用谁家的拓展业务的狗屁道理,我选择阿里云的oss对象存储功能。

价格分析

阿里云里购买对象存储。根据定价解读出文件5g以下免费,但是数据传输有关的功能需要收费。虽然可以先用后付不过我们体验完全没有问题因为阿里云支持最高10元的欠费。

halo后台附件配置

在halo后台 系统——博客设置——附件设置——存储位置 更改为阿里云稍后会填充其他信息。

创建bucket

到阿里云管理后台创建bucket,注意存储类型标准存储,读写权限是公共读其他不影响。记住bucket名称填入halo后台。
aliossbucket
点击创建的bucket名称,左边栏概览,记下访问域名——外网访问Endpoint(地域节点)Bucket 域名填入halo后台。当然也可以绑定解析到自己的域名,可以自己尝试,但需要注意http和https协议(我就是这么踩坑的)。

创建access子账户

阿里云界面右上角个人那里点AccessKey管理,可以理解为设置一个专门的账户开启对接权限。
leadtoaccess
开始使用子账户——创建用户,需要注意勾选编程访问
accessuser
创建完成获得AccessKey IDAccessKey Secret,填入halo后台。
返回oss控制台点击创建的bucket名称。权限管理——Bucket 授权策略——新增授权——子账号选择刚创建的子用户,注意要选完全控制

*图片处理

图片处理是相当重要的环节,现在不管是拍照还是截屏的文件大小都不小,宽带很慢的情况下必须适当压缩图片来提升访问的速度。
oss控制台里数据处理——图片处理——新建样式,然后根据自己的需要调整即可。
创建完后需要注意上面的图片处理域名规则

域名/sample.jpg?x-oss-process=style/stylename

这个对应halo的图片处理策略修改填写。
需要注意的是,图片处理是在上传时处理完毕的,即后期修改图片处理方案无法应用于现有处理过的图片。所以建议不断尝试直到找到完美的方案后再批量上传。
以下是本人推荐方案
recommendphotomaker.png

其他云存储推荐

推荐的免费云存储平台又拍云,比较看好他们的又拍云联盟活动。在网站footer处添加友联即可。但又拍云不支持halo后台浏览附件。

参考文章

为博客搭建图床
oss价格实践结果
halo&又拍云
网站开启gzip

鸣谢大佬提供的解决方案与启发

越行勤’s Blog
Juning的小本本

这篇关于[yotroy.cool] halo博客配置oss对象云存储阿里云-博客访问图片资源速度慢的解决办法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/927169

相关文章

SpringBoot3.4配置校验新特性的用法详解

《SpringBoot3.4配置校验新特性的用法详解》SpringBoot3.4对配置校验支持进行了全面升级,这篇文章为大家详细介绍了一下它们的具体使用,文中的示例代码讲解详细,感兴趣的小伙伴可以参考... 目录基本用法示例定义配置类配置 application.yml注入使用嵌套对象与集合元素深度校验开发

IntelliJ IDEA 中配置 Spring MVC 环境的详细步骤及问题解决

《IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决》:本文主要介绍IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决,本文分步骤结合实例给大... 目录步骤 1:创建 Maven Web 项目步骤 2:添加 Spring MVC 依赖1、保存后执行2、将新的依赖

Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

《Android使用ImageView.ScaleType实现图片的缩放与裁剪功能》ImageView是最常用的控件之一,它用于展示各种类型的图片,为了能够根据需求调整图片的显示效果,Android提... 目录什么是 ImageView.ScaleType?FIT_XYFIT_STARTFIT_CENTE

Spring Boot中JSON数值溢出问题从报错到优雅解决办法

《SpringBoot中JSON数值溢出问题从报错到优雅解决办法》:本文主要介绍SpringBoot中JSON数值溢出问题从报错到优雅的解决办法,通过修改字段类型为Long、添加全局异常处理和... 目录一、问题背景:为什么我的接口突然报错了?二、为什么会发生这个错误?1. Java 数据类型的“容量”限制

Java对象转换的实现方式汇总

《Java对象转换的实现方式汇总》:本文主要介绍Java对象转换的多种实现方式,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Java对象转换的多种实现方式1. 手动映射(Manual Mapping)2. Builder模式3. 工具类辅助映

SpringBoot基于配置实现短信服务策略的动态切换

《SpringBoot基于配置实现短信服务策略的动态切换》这篇文章主要为大家详细介绍了SpringBoot在接入多个短信服务商(如阿里云、腾讯云、华为云)后,如何根据配置或环境切换使用不同的服务商,需... 目录目标功能示例配置(application.yml)配置类绑定短信发送策略接口示例:阿里云 & 腾

关于MongoDB图片URL存储异常问题以及解决

《关于MongoDB图片URL存储异常问题以及解决》:本文主要介绍关于MongoDB图片URL存储异常问题以及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录MongoDB图片URL存储异常问题项目场景问题描述原因分析解决方案预防措施js总结MongoDB图

如何为Yarn配置国内源的详细教程

《如何为Yarn配置国内源的详细教程》在使用Yarn进行项目开发时,由于网络原因,直接使用官方源可能会导致下载速度慢或连接失败,配置国内源可以显著提高包的下载速度和稳定性,本文将详细介绍如何为Yarn... 目录一、查询当前使用的镜像源二、设置国内源1. 设置为淘宝镜像源2. 设置为其他国内源三、还原为官方

python实现svg图片转换为png和gif

《python实现svg图片转换为png和gif》这篇文章主要为大家详细介绍了python如何实现将svg图片格式转换为png和gif,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录python实现svg图片转换为png和gifpython实现图片格式之间的相互转换延展:基于Py

使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)

《使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)》PPT是一种高效的信息展示工具,广泛应用于教育、商务和设计等多个领域,PPT文档中常常包含丰富的图片内容,这些图片不仅提升了... 目录一、引言二、环境与工具三、python 提取PPT背景图片3.1 提取幻灯片背景图片3.2 提取