博客网站 自动更新
问题 1:如何让网站自动更新,无需手动刷新 问题描述: 添加新文章或变化后,需要手动刷新才能看到更新 解决方案: 添加了 Jekyll Livereload 支持( npm run start:live ) 配置了 Service Worker 自动更新检测 添加了 BrowserSync 作为可选方案 修改文件: package.json - 添加新脚本命令 Gruntfile.js - 配置 BrowserSync 问题 2:还是会有刷新确认按钮 问题描述: 网站检测到更新时,会显示 “Content updated. REFRESH” 按钮,需要手动点击 解决方案: 修改 sw-registration.js ,移除手动刷新提示,改为直接自动刷新 修改文件: js/sw-registration.js - 移除 createSnackbar 调用,直接使用 location.reload() 问题 3:网站不停自动更新(无限循环) 问题描述: 打开网站后不停自动刷新 解决方案: 移除了自动刷新逻辑 改用 Stale-While-Revalidate 策略:先显示缓存,后台更新 用户下次访问时自然看到新内容 修改文件: sw.js - 移除 UPDATE_FOUND 消息发送 js/sw-registration.js - 移除自动刷新 问题 4:删除的文章仍在网站上显示 问题描述: 从仓库删除的文章,网站上还能看到 解决方案: ...