副业工具箱

Codex 小白入门课｜第九章

本机文件、Hostinger 文件、线上网站，到底差在哪里？

第九章要解决小白最容易卡住的一句话：我明明上传了，为什么网站没有变？这个问题不是你笨，也不是网站在跟你作对，而是你还没有把「电脑里的文件」、「Hostinger 里的文件」和「浏览器看到的网站」分清楚。

这一章先不讲深奥技术，只讲一个能马上用的观念：你的电脑是工作桌，Hostinger 是店面仓库，lugucrop.com 是客人看到的门面。你在工作桌上改完东西，不代表客人已经看到了；你要把正确文件放进店面仓库，客人才会看到新的内容。

先看短视频，再用下面的方式分清楚本机、Hostinger 和线上网站。

小白老板版：Codex 帮你在电脑里把文件做好，这叫「完成草稿」。你把文件上传到 Hostinger 的 public_html，这叫「放上架」。客人打开 lugucrop.com 看到新内容，这才叫「真的上线」。三件事不要混在一起。

先记住三个地方

1. 本机文件：你电脑里的工作版本

我们现在主要工作的文件夹是 hostinger-flat。Codex 帮你写文章、改首页、更新 sitemap，都是先改这里的文件。这些文件可以在电脑上预览，但它们还没有自动跑到网络上。

2. Hostinger 文件：网站真正上架的位置

你在 Hostinger 文件管理器里看到的 public_html，可以先想成网站的货架。你要让访客看到新页面，就要把新的 HTML 文件放到这个货架，而且通常要覆盖旧文件。

3. 线上网站：浏览器最后看到的结果

当你打开 https://lugucrop.com/，浏览器会去读 Hostinger 上目前的文件。它不会读你电脑里还没上传的文件，所以本机改好了，线上不一定会马上变。

一个超白话比喻：工作桌、仓库、门市

你可以把整个网站流程想成开店。

你的电脑

像工作桌。你和 Codex 在这里写文章、改版面、试图片。工作桌上的东西再漂亮，客人还看不到。

Hostinger public_html

像店面仓库。要拿出去卖的东西，要放到这里。放错抽屉、放到子文件夹、忘记覆盖，都可能让客人看不到。

lugucrop.com

像门市橱窗。访客只会看到门市里目前展示的内容，不会知道你工作桌上还有多少新版草稿。所以「我电脑有」不等于「网站有」。

第九章最重要的一张流程图

  1. 你跟 Codex 说：请帮我做第九章。
  2. Codex 修改你电脑里的 hostinger-flat 文件。
  3. Codex 告诉你这次要上传哪几个文件。
  4. 你到 Hostinger 的文件管理器。
  5. 你进入网站的 public_html。
  6. 你把新文件上传并覆盖旧文件。
  7. 你打开线上网址检查。

只要漏掉其中一步，就可能出现「我明明做好了，但网站没变」的感觉。

Hostinger Website Builder 和 HTML 上传，不要混在一起

这点非常重要，因为你一开始用的是 Hostinger Website Builder，但我们现在做的课程页面，是一批静态 HTML 文件。这两种做法像两套不同系统。

如果你用 Website Builder

你是在 Hostinger 的网站编辑器里拖拉、改文字、按「更新网站」。这种方式比较像用现成装修工具做网站。

如果你用 HTML 文件上传

你是在电脑里准备 index.html、文章页、sitemap.xml，再把文件上传到 public_html。这种方式比较像自己整理好货品，再放到网站货架上。

两种方式都能做网站，但不要同时用混乱。现在我们这套 Codex 小白课，主要是走「Codex 做 HTML 文件，你上传到 Hostinger」这条路。

小白判断法：如果你是在 Hostinger 编辑器里点文字、拖图片，那是 Website Builder。如果你是在文件管理器里看 index.html、上传 HTML，那是文件上传。你现在跟 Codex 合作时，多半是在做后者。

为什么明明上传了，网站还是没变？

这不是玄学，通常只有几种原因。小白先照这张清单查，不要一开始就慌。

常见原因

小白上传前，只问 Codex 一句话

每次准备上传前，你不用自己猜哪些文件要传。你可以直接把 Codex 当上架助理，叫它列清单。

请帮我整理这次网站更新的上传清单。
请用小白能懂的方式告诉我：
1. 这次要上传哪几个文件？
2. 这些文件要放在 Hostinger 哪个文件夹？
3. 哪些文件需要覆盖旧文件？
4. 上传后我要打开哪些网址检查？

这次第九章会产生哪些文件？

以你现在这个网站来说，一个新章节通常不只是一个文章文件。因为网站要让访客找得到它，所以还要更新入口。

小白检查网站更新的 5 个动作

  1. 先打开首页：https://lugucrop.com/，看有没有第九章入口。
  2. 再直接打开第九章网址：https://lugucrop.com/codex-beginner-files-hostinger.html。
  3. 切到简体版：https://lugucrop.com/codex-beginner-files-hostinger-cn.html。
  4. 打开文章库，看第九章是否在文章列表。
  5. 如果看不到，按重新整理；还不行就用无痕窗口再看一次。

学会看文件名，你就少迷路一半

静态网站很看重文件名。文件名就像房间门牌，门牌错了，访客就找不到房间。

所以你上传时不要随便改文件名。文件名一改，原本的链接就可能失效。

小白老板的验收话术

你可以把每次上传都当成一次验收，不要只问「好了吗」。请 Codex 帮你列可检查的网址和结果。

请帮我做网站上线前验收。
请检查这次是否需要更新：
1. 首页入口
2. 文章库入口
3. 繁体文章页
4. 简体文章页
5. sitemap.xml
最后请列出我上传后要打开检查的网址。

第九章作业

  1. 在电脑里找到 hostinger-flat 文件夹。
  2. 找到 index.html，记住它是首页。
  3. 找到 articles.html，记住它是文章库。
  4. 登录 Hostinger，进到文件管理器和 public_html。
  5. 上传前，先叫 Codex 列出「这次要传哪几个文件」。
工具推荐版位：未来可放云端备份工具、屏幕录影工具、FTP 工具、网站检查工具或 Hostinger 教学资源。

下一章预告

第十章可以开始做更实战的内容：Codex 怎么帮你改首页、加文章入口、更新 sitemap，然后让你用最少文件完成一次网站更新。也就是把「知道差别」变成「真的会操作」。

参考来源