Hexo一键部署到阿里云OSS并设置浏览器缓存

最新推荐文章于 2023-09-14 11:27:29 发布
原创 最新推荐文章于 2023-09-14 11:27:29 发布 · 2.5k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Hexo #阿里云

本文介绍如何使用阿里云OSS对象存储服务一键部署Hexo站点。先给出多种加速方案，接着详细说明创建Bucket、开启静态页面功能、创建AccessKey并授权的步骤，还介绍了安装一键部署脚本、配置自定义域名的方法，最后提及可开启CDN服务、分区域解析等优化措施。

自建博客地址：https://www.bytelife.net，欢迎访问！ 本文为博客自动同步文章，为了更好的阅读体验，建议您移步至我的博客👇

本文作者： Jeffrey
本文链接： https://www.bytelife.net/articles/52761.html
版权声明： 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！

现在用Hexo来搭建静态站点的人越来越多了，很多人会选择试用Github Pages服务来部署自己的静态站，但Github Pages国内访问速度实在无法接受，本文介绍一下如何一键使用阿里云OSS对象存储服务部署Hexo站点，同时解决一个浏览器缓存的坑。

加速方案

  • Netlify：与Github配合使用很方便，但国内访问速度不佳，需要搭配国内CDN使用
  • Vercel：与Netlify类似，国内访问速度不错，域名没有备案的话是个不错的选择
  • 对象存储：使用阿里云OSS或类似的对象存储服务，国内访问速度不错，也可搭配国内CDN使用，速度最好，但要求你的域名有备案号
  • 境内对象存储+境外Vercel/Netlify：我所采用的方案，应该是最佳的方案了

创建Bucket

首先要做的事情就

最低0.47元/天 解锁文章
前端框架-小程序uniApp
aming小老弟
12-03 1451
获取集合Collection示例如下。nosql 非关系型数据库。
阿里云OSS配置缓存
最新发布
云深海阔专栏
07-16 2078
1、进入需要配置的OSS，选中要配置的文件。2、设置文件元数据，最后添加。
浏览器缓存机制
weixin_34310127的博客
05-14 511
文章转自: http://harry.javaeye.com/blog/605749 Cache-ControlCache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同一个指令。cache-c...
将hexo静态博客部署到阿里云OSS上
weixin_34216036的博客
10-17 2016
现在同学们写博客有很多渠道和工具可以选择，不想折腾的可以用阿里云博客，优快云，简书等，开箱即用，体验良好。稍微极客一点的可以选择wordpress，ghost自建博客，就是要自己买服务器，这一套流程玩下来，对建站基础也能做到心中有数了。还有些同学喜欢静态博客，例如jekyll, octopress, hexo等，还有基于react的gatsby也挺酷炫...
阿里云CDN缓存配置及优化-oss绑定CDN缓存自动刷新功能
jialiu111111的博客
09-14 5228
需要注意的是，如您的业务中有动态请求（如表单提交/登录/评论/上传等交互），需要设置对应路径或文件类型的缓存时间为0。如果没有明确业务更新周期，可缓存资源推荐配置一个月以上的缓存时间，如果源站的资源发生变更，您可以通过CDN的刷新缓存功能清理节点上的缓存（下章节中会详细说明）。在缓存管理中，可以方便地指定目录和文件后缀名在CDN节点上的缓存时间，缓存时长配置的长短，取决于源站对该文件的变更频率。例如，mp4文件的内容一般不会变化，而html是新闻门户的主页，其展示页面中的文本内容平均1小时更新一次。
Hexo优化篇：Nginx压缩和缓存
你一定要站在自己所热爱的世界里，闪闪发亮。
05-16 483
自说自话部分：服务器太贵，带宽很低，怎么办？加钱提升配置！没钱怎么办？当然是努力去赚钱......的同时也想想其他办法。例如：开启压缩、缓存、找免费的CDN商家！哈哈，跑题了。下面进入正文
记一次OSS上传html文件的缓存问题
陌影的博客
02-17 2231
在 html 文件上传到 oss 后，获取到的返回链接在 APP 和 Web 上正常展示， 但是奇怪的是 修改 html 中的内容后再次上传到 oss（前提，上传 oss 文件名不发生改变的情况下），再次访问该链接，发现 Web 端可以实时更新所更改的内容，在 APP 中展示的内容还是旧的内容，这究竟是怎么回事，又能怎么解决？
浏览器缓存详细原理
Binbby的专栏
12-12 1670
为什么使用浏览器缓存缓存存在的内容缓存协商缓存协商的简单演示缓存相关的header缓存相关header之间的关系用户的不同操作用户不同操作对应浏览器的不同处理方式测试环境与线上环境取js方式不同导致的问题     为什么使用本地缓存 对于一些比较少变化的文件，如js、css等，可以在第一次请求之后将这些文件先放在本地，在下次再去请求这些文件的时候就可以不用再去请求，直接使用本地的就可以了，
阿里云oss的使用
钱辉
05-10 342
【代码】阿里云oss的使用。
cache-control 缓存
weixin_33894640的博客
12-25 414
  1、服务端设置 2、 3、所以一般设置css/js等静态文件加一个md5码。 4、优先级问题   如果服务器端同时设置了Etag和Expires 时，Etag原理同样，即与Last-Modified/Etag对应的HttpRequest Header:If-Modified-Since和If-None-Match。我们可以看到这两个Header的值和WebServer发出的...
fiddler云服务器配置_网站优化（二）：云服务器配置优化
weixin_39675679的博客
11-06 241
本文是连续更新系列，根据《任霏博客网站程序2020年度大更新》分为网络地域选择、云服务器配置优化、环境搭建优化(JVM)、缓存策略优化、SpringBoot配置优化、前端页面优化等方面分别讨论。注：本文只根据我的个人经验分享，并非专业测评，部分内容不够专业还请谅解。上一篇讲了网络的选择，这一篇就讲服务器的选择和配置优化，云服务器的类型非常多，但都面向不同的使用场景，我在这里只介绍我自己的...
OSS更新图片后，访问图片链接显示的还是之前缓存的图片解决方法。
Misnice的博客
02-20 2826
当oss图片文件名已存在，进行上传覆盖图片时，浏览器拿到的图片还是之前缓存过的图片。 可在图片链接地址后面添加?和随机数。 如图片地址:https://www.test.com/banner.jpg, 添加随机数后:https://www.test.com/banner.jpg?324324324 ...
oss cdn 阿里云配置方法
qq_36672681的博客
05-28 1925
登陆阿里云 第一步、打开OSS对象存储 1. 输入 OSS 找到OSS对象存储，打开它 第二步、创建Bucket 在你新打开页面的右侧 有一个创建 Bucket，点击它 打开之后、 填写Bucket名称，他是不重复的，别的选项都默认就可以了。 查看你添加成功的页面 需要注意这里的EndPoint 。这是你后续所需要的参数 第三步、配置OSS 已完成，现在需要oss上传操作的参数 $accessKeyId $accessKeySecret $endpoi...
OSS防止恶意被刷
xiangzaixiansheng的博客
10-09 9042
OSS和CDN都是一些常用的通过流量计费的，如果被恶意刷新将会造成一些不必要的财产损失。本文主要记录一些关于阿里云的oss的防刷措施。首先我们分两种情况来排查：1、恶意referer访问2、恶意ip库脚本刷新。
解决获取 OSS 文件出现跨域问题
毒牙
12-21 4613
在最近的需求中有需要获取 OSS 的图片转为 base64 的需求，在需求刚开始使用 XHR 发送资源请求，发现出现了跨域，点了几次有能够正常访问了，但是认为可能是 OSS 权限需要配置然后配置了一下。但是还是出现这样的问题，问题根本没有解决，后面在发送获取图片请求的头部加上 Cache-Control: no-cache 之后问题解决了，再也没有出现跨域了。 附上代码: const getOSSBlobResource = (url: string): Promise<Blob> =>
Java 上传图片至阿里OSS文件存储系统，java基础类型和包装类型
m0_64384202的博客
12-16 638
cesh /** 上传文件 dugt1998@163.com */ public String uploadImage(MultipartFile file) throws Exception { InputStream in = file.getInputStream(); String fileOriginalFilename = file.getOriginalFilename(); String fileName = fileOriginalFilename.split("/")[1];
阿里云oss上图片缓存问题处理
weixin_44191250的博客
06-07 3132
今天遇到一个问题，写完的H5页面，UI验收的时候发现有个底图颜色太暗，后面发现是他切得图少切一个图层，从新切图给我，让我换一下，我一般拿到UI的切图后都是直接上传到oss上，这样子方便也快捷！我直接用新图把老图覆盖了，本地看了可以，没问题！但是构建完H5页面还是没变，后面请教大佬，说是oss的缓存问题 解决办法： 原图地址：https://img.xxxxx.com/cdnn/temp_img/page/my_share/bg_top.png 解决：https://img.xxxxx.com/cdnn/te
hexo静态网站部署到腾讯云cos
blog.boringhex.top
03-03 1526
hexo支持很多部署方案，最直接的就是部署在GitHub Pages服务上，国内gitee、coding等代码托管平台也都支持静态网站服务，而且免费。但是GitHub在国内访问不太稳定，国内的代码托管平台资源和服务也不太稳定，后来想了想，干脆通过云存储部署吧。云存储有很多选择，而且新用户往往都有很多优惠包，甚至免费额度，有很多人都选择七牛云做图床，就是七牛云的免费额度真是良心，小站基本够用。看完几家国内的云服务商计费方式后，最终选择了腾讯云cos对象存储服务。
服务器设置Cache-Control的方法
林中路
09-22 5618
Apache.htaccess文件<filesMatch "\.(ico|gif|jpg|png|jpeg)$"> ExpiresActive On ExpiresDefault "access plus 11 month" Header append Cache-Control "public" </filesMatch>Nginx.conf文件location ~* ^.+\.(jpg|
Hexo部署插件之阿里云OSS配置教程
资源摘要信息:"hexo-deployer-oss-aliyun"是一个Hexo的插件，它允许用户将他们的静态网站部署到阿里云OSS服务上。Hexo是一个快速、简洁且功能强大的博客框架，它使用Markdown（或其他渲染引擎）解析文章，在GitHub上...
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值