浏览器缓存问题

hexo更换主题

今天在上网冲浪时，发现了一个好看的bolg主题，githob指路：viva。附效果图一张。

但是就在我开心的在hexo中配置完，更换好主题并上传github后，却遇到了一个奇怪的问题，我通过局域网访问blog时能够正常显示，但是访问github page时，却无法正确显示，可能是css错乱的问题。

顺便展示一下我之前bolg的主题：

本以为是两个主题的文件混在一起，导致显示错乱，所以我删除了原先的github.io库重新创建上传后，却仍然有显示混乱的问题。就当问题陷入胶着的时候，我偶然间切换了edge的工作账户访问了博客，结果却正确显示，都是edge浏览器，同一个网址，只是账号不同，尽然显示不同。于是怀疑是egde浏览器缓存的问题，于是通过如下操作清除浏览器缓存，解决问题：

首先打开设置，然后点击：隐私、搜索和服务：

然后点击：选择要清除的内容

删除所有时间的缓存的图像和文件

然后我们重新访问页面，就得到正常的显示页面

原因解释

当你清除浏览器缓存后，页面恢复正常，这背后的原因涉及到浏览器缓存的工作机制。浏览器缓存会在本地存储一些静态资源（如图片、CSS样式表、JavaScript文件等），以加快网站加载速度。当你再次访问网站时，浏览器会优先使用缓存中的内容，而不是重新下载所有资源。

我们这里主要是因为缓存文件过时，网站更新了某些资源（如CSS或JavaScript），但你的浏览器还在使用之前缓存的旧文件，导致页面显示异常或样式错乱。

这样当你清除缓存后，浏览器重新获取了最新的资源，恢复了正常的页面显示。