Hugo 网站优化(7): 把我图床搬到又拍云 (upyun) 了, 开始水印防盗

简介: Hugo 网站优化(7): 把我图床搬到又拍云 (upyun) 了, 开始水印防盗

Hugo 网站优化(7): 把我图床搬到又拍云 (upyun) 了, 做图床真的很好用

又拍云 CDN 附加功能很多, 作为资源站很爽。

原文链接: https://tangx.in/posts/2023/01/02/hugo-use-upyun-cdn-for-static-site/

费用

又拍云有一个 联盟推广服务,需要在网站上挂又拍云的 LOGO,相当于广告费。 对联盟成员提供

  1. 10G 对象存储
  2. 15G 流量(支持 HTTPS)
  1. 点击我的 又拍云推广链接, 注册并完成实名认证,即可获得 61 元免费代金券。 基本够一年使用了。
  2. 申请 又拍云联盟支持, 再送一年对象存储和流量, 换算下来是 67 元代金券, 直接抵扣费用。

回源

我的博客 老麦的书房 是通过 hugo 编译的静态网站, 通过 Github Pages 发布的。 在国内直接访问还是有一定网络要求的。

上了 CDN 之后, 缓存时间回源效率 成了两个大问题。

经测试, 又拍云的时间比腾讯云更短, 图片展示更快。

这点应该是我个人偏见, 按道理说没命中的资源, 是直接去 github pages 取的。

另外又拍云还支持 源站资源迁移 ,换句话说就是把 Github Pages 资源同步到对象存储中, 进一步加速 CDN。

image.png

在腾讯云中, CDN -> COS 的回源流量是收费的,虽然不多。

保持一个良好的书写习惯, 图片替换的时候 使用新名字,而直接覆盖 这个功能很好用。

缓存

又拍云在缓存方面还多一个 分段缓存

CDN 服务可提供分段缓存功能配置,开启该功能可有效降低大文件回源率,提升响应速度,与此同时,可以提高文件在 CDN 节点的缓存命中率。特别地,开启该特性之后,CDN 节点会以 Range 请求回源。

image.png

成本控制

基于 CDN 平台的 WebP 自适应方案,智能判断浏览器是否支持 WebP,来决定返回 WebP 格式图片还是原图,从而减少网络传输消耗。

image.png

腾讯云 CDN 没有这个。

图片处理

支持 压缩水印 等功能。

image.png

之前我们在 Hugo 网站优化(5): 图片压缩 中提到, 我们网站本身已经使用 pngquant 进行过一次图片压缩。

这里 upyun 还能对 压缩过 的图片再一次压缩。

水印图片引用

配置完成后, 在使用的时候需要在图片请求地址尾部加上 标签版本名字

例如上面截图中 标签版本名称 是 !v1, 那么图片调用地址对应为

# 原来
https://static.tangx.in/posts/2023/01/02/image-management-fs8.png

# 处理后, 注意图片尾部地址
https://static.tangx.in/posts/2023/01/02/image-management-fs8.png!v1

总结

又拍云做图床还是很香的。

相关文章
|
存储 固态存储 数据库
SSD接口选择指南:PCIe与SATA性能大比拼
【4月更文挑战第21天】
2532 0
|
存储 项目管理 开发工具
云效常见问题之上传文件的情况下单文件大小限制如何解决
云效(CloudEfficiency)是阿里云提供的一套软件研发效能平台,旨在通过工程效能、项目管理、质量保障等工具与服务,帮助企业提高软件研发的效率和质量。本合集是云效使用中可能遇到的一些常见问题及其答案的汇总。
370 0
|
Go 开发工具 git
CF+hugo部署要点随记
本文介绍了使用Hugo搭建静态博客的方法,Hugo是一款用Go语言编写的静态站点生成器。文中详细描述了在Windows环境下安装Go、Git和Hugo的步骤,并提供了快速启动指南。此外,还介绍了如何通过Git子模块引入主题,以及如何在本地创建和编辑文章。最后,给出了常用Markdown语法示例,帮助用户轻松撰写博客内容。
417 5
|
8月前
|
人工智能 API 云计算
DeepSeek在Lobechat的使用
本文介绍了如何快速基于LobeChat平台打造专属AI助手,重点讲解了两种使用DeepSeek模型的方式。DeepSeek是由中国团队开发的开源大型语言模型,性能优异且支持API调用和本地部署。LobeChat则是开源的AI对话平台,支持私有化部署与多种主流模型集成。
|
前端开发 JavaScript Java
使用Spring Boot实现跨域资源共享(CORS)
使用Spring Boot实现跨域资源共享(CORS)
|
人工智能 算法 NoSQL
GraphRAG 与 RAG 的比较分析
Graph RAG 技术通过引入图结构化的知识表示和处理方法,显著增强了传统 RAG 系统的能力。它不仅提高了信息检索的准确性和完整性,还为复杂查询和多步推理提供了更强大的支持。
1439 10
|
缓存 机器人 网络安全
解决steam错误提示“您对 CAPTCHA 的响应似乎无效,请在下方重新验证您不是机器人”的解决办法
在使用 Steam 的过程中,许多新手用户可能会遇到这样一个问题:当他们试图完成注册或其他操作时,系统提示“您对 CAPTCHA 的响应似乎无效,请在下方重新验证您不是机器人。”即使多次尝试,错误提示仍然出现,阻碍了用户的下一步操作。这种情况可能令人沮丧,但了解其背后的原因和解决办法可以帮助我们顺利解决这个问题。
13452 11
|
SQL 关系型数据库 MySQL
实时计算 Flink版产品使用问题之如何指定从特定的binlog位置或最新的binlog位置开始读取数据
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
移动开发 安全 数据安全/隐私保护
【教程】Ipa Guard为iOS应用提供免费加密混淆方案
概述:使用ios加固工具对ios代码保护,保护ios项目中的核心代码,
|
运维 数据中心