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

总结

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

相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
域名解析 小程序 Linux
朋友圈超火的盲盒交友小程序,完整搭建教程及源码分享~(多图)
朋友圈超火的盲盒交友小程序,完整搭建教程及源码分享~(多图)
朋友圈超火的盲盒交友小程序,完整搭建教程及源码分享~(多图)
|
2月前
|
存储 PHP 对象存储
开源免费的图床源码整理汇总-个人自用图床相册程序推荐
开源免费的图床源码整理汇总-个人自用图床相册程序推荐
101 0
|
7月前
|
API 数据库 数据安全/隐私保护
蓝奏云直链获取在线解析网站源码
蓝奏云直链获取在线解析网站源码 蓝奏云链接解析 本地API接口 支持有无密码和短期直链和永久直链,同时还可以显示文件名和大小。 这个解析器无需数据库即可搭建,API接口已经本地化,非常简单易用。
140 2
蓝奏云直链获取在线解析网站源码
|
7月前
|
PHP 数据库 数据安全/隐私保护
帝国cms仿鳄鱼下载站网站源码(已测试)
帝国cms仿鳄鱼下载站网站源码(已测试)
127 10
|
7月前
|
移动开发 安全 Linux
2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码
2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码
314 0
2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码
一个文艺的在线生成漂亮的二维码工具网站
一个文艺的在线生成漂亮的二维码工具网站
76 0
|
小程序
微信小程序项目实例——图片处理小工具(自制低配版美图秀秀)
微信小程序项目实例——图片处理小工具(自制低配版美图秀秀)
|
Windows
办公技巧 | 专治PPT在别的电脑上无法播放的神器!
在前面的文章中,不坑老师给大家分享过“解决换电脑后PPT中字体不显示”的办法,不知道大家掌握得怎么样了?
206 0
|
存储 关系型数据库 MySQL
学生党如何搭建一个能与大家分享的旅行相册网站?
学生党如何搭建一个能与大家分享的旅行相册网站?
150 0
|
数据安全/隐私保护 计算机视觉
推荐五款实用的良心软件,无广告无弹窗
分享是一种神奇的东西,它使快乐增大,它使悲伤减小。
155 0
推荐五款实用的良心软件,无广告无弹窗