经验笔记：解决了关于线上网页更新与本地不符的问题

问题背景

由于在使用 Hexo 构建静态网站时，经常会出现线上网页deploy后，与本地网页不一致的情况。因此就写下这篇经验贴，也作为自己的一个记录。

这是由于缓存文件未被正确更新，导致线上网页仍然显示旧的内容。为了解决这个问题，可以执行以下操作：

解决方案

1. 清理 Hexo 项目中的缓存文件：

   使用 hexo clean 命令清理 Hexo 项目目录中生成的缓存文件，例如生成的 HTML 文件、CSS 文件、静态资源文件等。这些缓存文件通常存储在 public 文件夹中。

   hexo clean

2. 删除 Git 缓存中的文件：

   在deploy git目录，使用 git rm 命令删除 Git 缓存中的文件。这些文件可能已经被提交到 Git 仓库中，- r * 表示所有。但是你需要将它们从 Git 缓存中删除，以便重新生成静态文件。

   git rm -r *

3. 重新生成 Hexo 项目中的静态文件：

   使用 hexo generate 命令重新生成 Hexo 项目中的静态文件。这个命令将重新生成所有需要生成的 HTML 文件、CSS 文件、JavaScript 文件等，并将它们存储在指定的 public 目录中。

   hexo generate

4. 在本地查看更新后的网页：

   使用 hexo server 命令在本地启动 Hexo 服务器，并在浏览器中查看更新后的网页。

   hexo server

5. 将更新后的网页部署到线上：

   使用 hexo deploy 命令将更新后的网页部署到服务器上。

   hexo deploy

执行以上操作后，你应该可以解决线上网页与本地网页不一致的问题，并得到最新的网页内容。

注意，以上命令中的术语解释如下：

• Hexo：一款基于 Node.js 的静态网站生成器，可以将 Markdown 文件转换成静态网页。
• Git：一种分布式版本控制系统，可以帮助你管理代码的版本和历史记录。
• 缓存文件：指 Hexo 项目中生成的中间文件，例如生成的 HTML 文件、CSS 文件、静态资源文件等，通常存储在 public 文件夹中。
• Git 缓存：指 Git 仓库中存储的文件，这些文件已经被添加到 Git 缓存区中，但尚未提交到 Git 仓库中。

搞定！