学习路线 / 06 发布与跟进新动态 / 第 1 篇
Station 06 · Article 1/2

发布前 10 分钟：先查隐私，再谈部署

问「注意什么」，10 大类建议没一条提到孩子的小名和生日；直接问隐私，它找到了，但建议没有保护作用。

GUSTS.AI 编辑部2026.10.19约 3 分钟读完难度 入门含 真实运行 记录#隐私#核对#发布

把网页发到网上，意味着任何知道网址的人都能看到，搜索引擎也可能收录。这篇拿第 03 站做的倒数日网页实测：它里面写着孩子的小名和生日。结果：泛泛地问「发布前注意什么」，它列了 10 大类建议，没有一条提到这个；直接问隐私，它找到了，但给的修改建议没有任何保护作用。

实测：本地 qwen2.5:3b（3B 小模型，Ollama，temperature 0，seed 42），2026-10-19 运行；输出原样贴出，未修改。

01 · Public发布意味着什么

在你电脑上双击打开，只有你能看到；发布之后，页面上的每个字、代码里的每一行都是公开的（按 F12 就能看到源代码）。名字、生日、学校、住址、手机号、照片，组合起来就足以定位一个孩子。

02 · Vague问「要注意什么」

「我想把它发布到网上……发布前我需要注意什么？」（后附完整代码） · AI 原样输出（节选）
发布你的倒数日网页到网上之前，你需要考虑以下几个方面：

### 1. **域名和服务器**
- **域名**：确保你有一个域名（如 `yourdomain.com`），或者使用一个免费的域名服务（如 Namecheap、GoDaddy 等）。
- **服务器**：选择一个可靠的托管服务，如阿里云的云服务器（ECS）、阿里云的云函数（Serverless）、阿里云的负载均衡（SLB）等。如果你使用阿里云，可以考虑使用阿里云的云函数或负载均衡服务，因为它们提供了更灵活的部署方式。

### 2. **代码审查**
- **安全性**：确保你的代码没有安全漏洞，比如 XSS 攻击、SQL 注入等。可以使用一些工具（如 OWASP ZAP、Snyk）进行扫描。
- **性能**：优化你的代码，减少不必要的计算和资源消耗。例如，可以使用异步加载、懒加载等技术来提高页面加载速度。
- **兼容性**：确保你的网页在不同浏览器和设备上都能正常显示。

### 3. **SEO（搜索引擎优化）**
- **标题和描述**：确保网页的 `<title>` 和 `<meta description>` 标签是吸引人的，并且包含目标日期和相关节日的信息。
- **关键词**：适当添加与目标日期相关的关键词，但不要过度堆砌。
- **URL**：使用有意义的 URL，例如 `/2026-12-06`。

### 4. **用户体验**
- **响应式设计**：确保网页在不同设备上都……（共 10 大类）

它谈了域名、服务器、SEO、SQL 注入、备案……就是没提页面上写着「小宇 7 岁生日」、日期是 2026-12-06。其中还有错误：Namecheap、GoDaddy 是付费的域名注册商，不是「免费域名服务」；这个页面没有数据库，「SQL 注入」无从谈起。

03 · Direct直接问隐私

提示词（代码部分省略）
下面是我要发布到公开网络上的网页代码。发布后任何知道网址的人都能看到。请逐行检查：页面里出现了哪些可能暴露个人或家庭信息的内容？每条写出原文片段和风险，最后给出修改建议。不要讲部署步骤。
结果 · AI 原样输出（节选）
以下是逐行检查网页代码中可能暴露个人或家庭信息的内容，并给出相应的风险和修改建议：

1. **原文片段**：
   ```html
   document.getElementById('daysLeft').innerText = `距离小宇 7 岁生日还有 ${daysLeft} 天`;
   ```
   **风险**：暴露了用户的名字“小宇”和生日日期。
   **修改建议**：
   ```html
   document.getElementById('daysLeft').innerText = `距离${targetName}生日还有 ${daysLeft} 天`;
   ```
   其中`targetName`是用户输入的新目标日……

04 · Check它的建议有用吗

  1. 找对了风险：第一条就指出「小宇」和生日日期会暴露。这一点有用。
  2. 建议无效：它建议把变量 name 改名为 targetName——变量叫什么，访客根本看不到，也不影响谁能看到什么。第一条建议里的 targetName 还没有定义，照改会报错。
  3. 误判了风险：它说用户输入的名字存在 localStorage 里会「暴露」。其实 localStorage 只存在访客自己的浏览器里，别人看不到。

结论：AI 能帮你「找」出可疑内容，但「怎么处理」要你自己判断。这里真正有效的做法很简单：发布版里不写真名和真实生日，改成「宝贝」和一个由访客自己填的日期。

05 · Checklist我们的发布前清单

  1. Ctrl+F 搜一遍：真名、小名、生日、学校、小区、手机号、邮箱。
  2. 看图片：照片里的校服、门牌、车牌；照片文件本身可能带拍摄地点。
  3. 看代码：有没有密码、API Key、写死的私人信息（F12 谁都能看）。
  4. 换手机打开一次：确认在别人的设备上也能正常显示。
  5. 想好删除方式：发布后如果想撤下，知道去哪里删。

06 · Where发到哪里

单文件或几个文件的静态网页，可以用免费的静态托管：例如 GitHub Pages、Cloudflare Pages（见站外好课里的官方文档）。GUSTS.AI 的预览站就部署在 Cloudflare Pages 上。注意：如果网站放在中国大陆的服务器上、绑定自己的域名，需要按规定办理 ICP 备案；用境外托管服务则在国内的访问速度可能不稳定。

07 · Limits真实边界

· 本文没有演示把倒数日网页真的发布出去（它含有示例中的孩子信息，正好是不该发的东西）。部署步骤请以托管平台的官方文档为准。

· 发布前清单是我们根据常见风险整理的，不是法律意见；涉及未成年人信息时请更谨慎。

08 · Next下一步

最后一篇：学完这条路线以后，怎么用每周 30 分钟跟上 AI 的变化，而不被新闻淹没。

这是「06 发布与跟进新动态」的第 1/2 篇。实测原始记录随站点源码保存（src/runs.json）。